Doppelter Margin-Wert

von n.a.g

Wie behebe ich den Doubled Float-Margin Bug im Internet Explorer

Heute ist mir wieder ein alter Bekannter über den Weg gelaufen: der doppelte Margin-Wert. Es handelt sich
hierbei um einen CSS-Bug im Internet Explorer. Worum geht es? Weist man einem Div-Block die Eigenschaft float
zu und gibt ihm gleichzeitig einen Margin-Wert (welches in gleicher Richtung zeigt), dann verdoppelt sich der
Margin-Wert. Je nach Laune und Tagesform ist es entweder ein lästiger Bug oder ein nettes Feature der Firma Microsoft .

Hier ein Code-Beispiel:

#sidebar {
float: right;
margin-right: 25px; /* In IE wird daraus 50px */
width: 190px;
}

Eine mögliche Lösung des Problems:
 
#sidebar {
 float: right;
 margin-right: 25px;
 display: inline; /* Umgeht das Problem */
 width: 190px;
 }

Zurück

Einen Kommentar schreiben