- aktualisiert:
- 15.06.2011
- erstellt:
- 07.02.2007
Doppelter Randabstand bei float
Der IE 6- verdoppelt bei gefloateten Elementen den Randabstand, der in die gleiche Richtung wie das float zeigt.
<div style="float:left; width:200px; background:yellow; margin-left:100px;">Inhalt</div>
– korrekte Darstellung (100px)
– Darstellung im IE 6- (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.
<div style="float:left; width:200px; background:yellow; margin-left:100px; display:inline;">Inhalt</div>
Ausführliche Beschreibung: Doubled Float-Margin Bug