Thomas Luethi: Unerwünschtes "Indenting" bei floats im Internet Explorer

Beitrag lesen

Hallo,

Wieder nur ein CSS-Bug des IE?

Bin gerade unter Linux und kann deshalb Dein Problem nicht nachvollziehen.
Nach Blick in den Quelltext habe ich den Eindruck, es koennte am kaputten
Box Modell des MS IE liegen, das bei Versionen bis 5.5 immer zum Zug kommt,
bei Version 6.0 im "Quirks" Modus.

Aus Deinem Quelltext:

#nav {
 float: left;
 padding: 1em;
 width: 8em;
}

#content {
 margin: 0 0 0 10em;
 padding: 1em;
 background: #fff8dc;
}

1+8+1 gibt 10.
Aber MS IE (kaputt) rechnet: 1+10+1 gibt 12.

Wenn Dir der MS IE <6.0 sehr, sehr wichtig ist, kannst Du
das Problem wie folgt loesen:
#content { margin:0 0 0 12em }
(oder zur Sicherheit gleich 12.5em )

Vielleicht hilft Dir der Box Model Hack von Tantek weiter:
http://tantek.com/CSS/Examples/boxmodelhack.html

Gruesse,

Thomas