Nixwisser: float-div ragt über umschließendes DIV hinaus

Beitrag lesen

Das problem ist, dass das float-div über das umschließende div hinausragt anstatt es zu erweitert, was es überaschenderweise im Internet Explorer (6) tut.

Wie aus der Beschreibung zu float hervorgeht, werden Elemente mit aktiver float-Eigenschaft weitestgehend aus dem Layoutprozess herausgenommen. Das beschriebene Verhalten ist also normal und der IE macht es falsch.

Ich hab gelesen es sei üblich dieses probem zu beheben indem man ein div unter die anderen beiden elemente (menü und content) setzt und ihm die eigenschaft "clear: left" gibt.

Falls ein nötiges Element (lies: eines mit Inhalt) nachfolgt, muss kein gesondertes <div> nur für clear eingefügt werden, clear ist bei allen Elementen verwendbar.

Das funktioniert im FF auch wunderbar, nur plötzlich verdoppelt er mir das margin-bottom im IE.

Schuss ins Blaue der Kristallkugel: Du hast allen <div>s einen Außenabstand (margin) gegeben, ergo ergibt sich bei zwei <div>s ein doppelter Abstand.