IE zeigt position:absolute nicht an

TobiasH · 4. Mai 2007

Hallo!

Folgendes hab ich aus dem Buch little boxes und wende es erfolgreich an für Firefox etc.
Internet Explorer macht mal wieder Probleme. Oder ich versteh was nicht:

Einfache Seite:

Code:

<body id="startseite">

<div id="wrapper">

<div id="kopfbereich">
  &nbsp;
</div>

<div id="navibereich"> 
  <ul>
   <li>bla</li>
   <li>ble</li>
  </ul>
</div><!-- Ende navibereich -->
 
<div id="textbereich"> 
  &nbsp;
</div><!-- Ende textbereich -->


</div><!-- Ende wrapper -->

</body>

Dazu css eingebunden:

Code:

#navibereich {
 position:absolute;
 top:189px;
 width:158px;
 height:606px;
 background-image: url(bilder/higrund_links.jpg);
 background-position: top left;
}
#navibereich ul {
 position:relative;
}
#navibereich li {
 display: block;
 list-style-type: none;
}
#textbereich {
 margin-left:20px;
 padding-top:20px;
}

Also, die px-Angaben stimmen für die Bilder überein: 1 oben fürn Kopf, 1 links als Hintergrund zur Navi, 1 Mitte als Hintergrund

Der IE aber stellt den absoluten navi-Bereich aber direkt unterhalb des textbereich dar.
Also nicht am linke Rand.
Gewünscht ist halt ein einfaches mehrspaltiges layout.
Er ignoriert entweder die Positions-Angaben, oder ich hab nen Denkfehler.

Oder es is zu spät......

Vielen Dank für Hinweise!

GutNacht

Maik · 4. Mai 2007

Hi,

ich bin mir jetzt nicht sicher, ob ich dein Anliegen richtig verstanden habe, aber vielleicht hilft diese Regelerweiterung weiter, um die Polsterungseigenschaften des Listenelements auf null zu setzen?

Code:

#navibereich ul {
position:relative;
margin:0;
padding:0;
}

Ansonsten positioniere das DIV navibereich am linken Rand:

Code:

#navibereich {
position:absolute;
top:189px;
left:0;
width:158px;
height:606px;
background-image: url(bilder/higrund_links.jpg);
background-position: top left;
}

IE zeigt position:absolute nicht an

TobiasH

Grünschnabel

Maik

Neue Beiträge