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

Hallo, es ist wohl eine standard-situation: Ein div links mit float (menü), eins rechts daneben (content), und die beiden werden von einem weiteren div umschlossen. 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. 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. Das funktioniert im FF auch wunderbar, nur plötzlich verdoppelt er mir das margin-bottom im IE. Ich hab diese Seite gefunden: http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout in der das problem mit den überlappenden divs behandelt wird, aber die entsprechenden beispiele sehen im IE total verkackt aus (da überlappt er dann nämlich plötzlich den float-div).

Kennt jemand das Problem?

MfG Luke

  1. 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.

    1. 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.

      Daneben

      1. Schuss ins Blaue der Kristallkugel:

        Daneben

        Dann wirst Du, sofern Du keinen akzeptablen Preis für Dein Welchen-Code-benutze-ich-wohl-Ratespiel auslobst, mit der seelischen Last eines ungelösten Ärgernisses Deines Weges ziehen müssen.