In letzter Zeit wurde ich immer häufiger gefragt, wie man das "doppelte-margin-Problem" beim IE6 löst.

Hier nun nocheinmal die Lösung, die doch recht häufig im Netz zu finden ist:

Doch zunächst das Problem:

Elemente wie z.B. zwei div-Container, die mit float:left nebeneinander platziert werden sollen und dabei einer der Container ein margin hat, haben im IE6 das recht interessante Verhalten, dass der margin Wert verdoppelt wird. Hintergründe dazu können nur in Redmond erfragt werden.

Die Lösung:

Das floatende Element erhält ein display:inline.
Da die Eigenschaft in diesem Fall keine Auswirkung auf die anderen Browser hat, benötigt man auch kein IE6 Hack, sondern kann nun also bei jedem Floating mit einem margin einfach ein display:inline hinzufügen, um den IE6 das richtige Verhalten beizubringen.

P.S.: Ich finde es erschreckend, dass noch soviele Unternehmen den IE6 benutzen.
An allle Admins: Es wird Zeit etwas zu ändern!

Heute habe ich eine der besten Illustrationen gegen den IE6 gefunden.

Das Bild wird IE6-Usern auf momentile.com angezeigt. Sehr lustig ist außerdem, dass der Designer ins CSS-File folgendes geschrieben hat:

This is not being lazy. Momentile is for entertainment and I just can't justify taking the time to hack my way to IE6 glory for a user that is too lazy to upgrade their browser. It's time to push back.

Frei Übersetzt: Hier gehts nicht darum, dass ich faul bin. Momentile dient zur Unterhaltung und ich sehe nicht ein mich durch den werten IE6 zu hacken nur weil einige Nutzer zu faul sind ihren Browser zu aktualisieren. Es ist Zeit zurückzuschlagen.

Jeder Webdesigner kennt es, man fertigt neue, coole Designs und was passiert,- am Ende sitzt man genauso lange am IE6-Bug-Fixing wie an der gesamten Erstellung.

Ich kann nur sagen boykotiert den IE6!!!