Webdesign mit XHTML und CSS

Der IE verdoppelt bei gefloateten Elementen den Randabstand, der in die gleiche Richtung wie das float zeigt.

1. <div style="float:left; width:200px; background:yellow; margin-left:100px;">Inhalt</div>

– korrekte Darstellung (100px)

– Darstellung im IE (200px)

Der Fehler wird korrigiert, sobald das Element ein display:inline erhält; diese Zuweisung ist nebenwirkungsfrei in anderen Browsern, da gefloatete Elemente immer als Blockelemente dargestellt werden.

1. <div style="float:left; width:200px; background:yellow; margin-left:100px; display:inline;">Inhalt</div>

Ausführliche Beschreibung: Doubled Float-Margin Bug