Conny: float: Umbruch beim Verkleinern des Fensters im IE

Hallo ihr,

zwei Ebenen nebeneinander mit float:left; für die linke Ebene. In der rechten befinden sich wiederum drei Ebenen, ebenfall jeweils mit float:left;* Das sieht so weit alles ok aus.

Wenn man im IE jedoch das Fenster so weit verkleinert, dass es (dank der festen Maße für die drei Spalten) einen horizontalen Scrollbalken benötigt, hüpft der gesamte rechte Teil nach unten. Ich hatte das Problem schon einmal, habe mir aber natürlich nicht notiert, was die Lösung dafür war. Kann mir jemand weiterhelfen? Ich hänge die CSS-Datei hinten an.

Gruß,
Conny

* Frage am Rande: die dritte Spalte hüpfte immer in die nächste Zeile und gab erst Ruhe, als ich auch der letzten Spalte noch ein float gab. Ist doch irgendwie Unsinn.

-----------------------
.links { float:left; margin:0px; padding:0px; }

/* Inhaltsbereich */
.rechts { width:640px; margin-left:170px; padding-top:0px; padding-right:10px; padding-bottom:0px; }

/* für mehrspaltige Seiten */
.spalte1 { float:left; width:200px; }
.spalte2 { float:left; width:200px; padding-left:15px; }
.spalte3 { float:left; width:200px; padding-left:15px; }

  1. hi,

    zwei Ebenen nebeneinander mit float:left; für die linke Ebene. In der rechten befinden sich wiederum drei Ebenen, ebenfall jeweils mit float:left;* Das sieht so weit alles ok aus.

    Wenn man im IE jedoch das Fenster so weit verkleinert, dass es (dank der festen Maße für die drei Spalten) einen horizontalen Scrollbalken benötigt, hüpft der gesamte rechte Teil nach unten.
    Ich hatte das Problem schon einmal,

    works as designed - wo siehst du ein "problem"?

    habe mir aber natürlich nicht notiert, was die Lösung dafür war.

    wenn du ein anderes verhalten (*) willst, als das für float vorgesehene - dann musst du dir wohl eine lösung ohne float suchen.

    (*) da du nicht sagst, wie dieses sein soll, kann ich dir diesbezüglich so natürlich auch keine weiteren ratschläge geben.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo,

      works as designed

      habe ich einen Trend verpasst? ;-)

      https://forum.selfhtml.org/?t=110150&m=689946

      Mit freundlichen Grüßen,
      André

    2. hi Conny,
      wenn ich dich richtig verstanden habe, sollen alle Divs beim Verkleinern des Browsers nebeneinander bleiben? Setze doch einfach noch ein Div um alles herum und verpasse diesem eine feste Breite.

      ciao Jan

      hi,

      zwei Ebenen nebeneinander mit float:left; für die linke Ebene. In der rechten befinden sich wiederum drei Ebenen, ebenfall jeweils mit float:left;* Das sieht so weit alles ok aus.

      Wenn man im IE jedoch das Fenster so weit verkleinert, dass es (dank der festen Maße für die drei Spalten) einen horizontalen Scrollbalken benötigt, hüpft der gesamte rechte Teil nach unten.
      Ich hatte das Problem schon einmal,

      works as designed - wo siehst du ein "problem"?

      habe mir aber natürlich nicht notiert, was die Lösung dafür war.

      wenn du ein anderes verhalten (*) willst, als das für float vorgesehene - dann musst du dir wohl eine lösung ohne float suchen.

      (*) da du nicht sagst, wie dieses sein soll, kann ich dir diesbezüglich so natürlich auch keine weiteren ratschläge geben.

      gruß,
      wahsaga

      1. Hi Jan,

        wenn ich dich richtig verstanden habe, sollen alle Divs beim Verkleinern des Browsers nebeneinander bleiben? Setze doch einfach noch ein Div um alles herum und verpasse diesem eine feste Breite.

        *haarerauf* Immer diese Denkfehler...

        Dank dir.
        Conny :-)