• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IE hat problem mit vertical-align und anderem

Status
Für weitere Antworten geschlossen.
R

R3van

Neues Mitglied
Guten Abend liebe Mitprogrammierer

Ich bin gerade dabei einen Internetauftritt für meinen Vater zu verwirklichlichen. Dabei bin ich beim Aufbau meiner Menüleiste, die mittels CSS realisiert wird auf ein Problem gestoßen...

hier ist der Code der CSS
Code: 
/* <---------- Bodybereich ----------> */
body {
  background-image: url(../bilder/hintergrund1.jpg);
  background-repeat: no-repeat;
  font-family: Tahoma;
  font-size: 100.01%;
  margin: 0px;
}

/* <---------- Bilder die rechts eingefügt werden ----------> */
img#flugboerse {
  position:absolute;
  left:817px;
  top:271px;
  border:0px;
}
                
#mietauto {
  position:absolute;
  background-image:url(../bilder/mietwagen.jpg);
  left:817px;
  top:110px;
  height:162px;
  width:185px;
}
                      
/* <---------- Menü & Buttons ----------> */
div#menu {
  position: absolute;
  top: 78px;
  background-image: url(../bilder/menu/button.jpg);
  height: 25px;
}

div#menu a {
  border-left: 1px solid #000;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color: red;
  padding: 0px 8px 0px 14px;
}

div#menu a#home {
  border-left: 0px;
}

div#menu a:hover {
  color: blue;
}

span#button_ende {
  background-image: url(../bilder/menu/button_ende.jpg);
}


/* <---------- Die Inhalte der Seite ----------> */
#ueberschrift {
  position:absolute;
  top:172px;
  left:90px;
  font-weight:bold;
  font-size:0.9em;
}
              
#inhalt {
  position:absolute;
  top:210px;
  left:90px;
  font-size:0.9em;
}
und hier ist der Code der Html-Seite:
Code: 
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="css/intern.css" />
  </head>
  <body>
    
    <div id="menu">
      <a href="home.htm" id="home">Home</a>
      <a href="home.htm">Mietwagen</a>
      <a href="home.htm">Mietcamper</a>
      <a href="home.htm">Fl&uuml;ge</a>
      <a href="home.htm">FAQ</a>
      <a href="home.htm">Kontakt</a>
      <a href="home.htm">AGB/Impressum</a>
      <a href="home.htm">Versicherungen</a>
      <span id="button_ende">&nbsp;&nbsp;</span> 
    </div> 
  
    <div id="ueberschrift">Home</div>
    <div id="inhalt">Hier steht dann nun der Inhalt</div>
    <div id="mietauto"></div>
    <a href="flugboerse.php" target="_blank"><img id="flugboerse" src="bilder/flugboerse.jpg" /></a>
    
  </body>
</html>
Nun muss ich dieses Internetseite unter verschiedenen Browsern lauffähig bekommen. Die wichtigsten sind Firefox, Internet Explorer 6 + 7, Opera und Safari.

Beim IE bekomme ich ein Problem an der Stelle, wo ich versuche den Text (die links) mittels

Code: 
vertical-align: middle;
vertical zu zentrieren. Beim FF Opera und Safari gibts keine Probleme..
Der IE setzt auf einmal den Text (die Links) aber ganz nach oben.

Wo liegt das Problem und kann ich hier Browserweichen verwenden und wenn ja welche

ich bedanke mich schonmal in Vorraus

mit freundlich Grüßen
R3van
 
Die vertikale Zentrierung funktioniert nur in Tabellen sauber. In div's geht es nicht. Zumindest nicht für den IE6.
 
Nur mit festen Werten, z.B. "padding-top: 20px;" was 20 Pixel Innenabstand nach oben verursacht. Könntest auch eine Verschachtelung mit absolut positionierten Elementen probieren, aber da macht der IE6 oft nicht richtig mit.
 
Da bleiben wohl nur so Tricks wie Tabellen oder <br /> und ähnlich Späße.

Das ist dann aber nicht mehr semantisch :roll: - aber davon würd ich mich nicht beeindrucken lassen.
Hauptsache, die Seite sieht so aus, wie man es will.
 
Quirks Mode

Hi R3van,
Der Internet Explorer 6 wird auf deiner Seite in den Quirks Mode geschickt.
Das bedeutet er verhält sich in vielen Dingen wie der IE 5.
Entferne:
HTML: 
<?xml version="1.0"?>
Und schon sieht vieles ganz anders aus.
 
Zuletzt bearbeitet:
Ich bin auch von der XHTML deklaration weg.. und wieder bei der HTML 4.01 strict deklaration. Ist ja egal so wie ich das sehe ob ich xhtml oder html verwende.

Was ist überhaupt Quirks-Modus??
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben