Alex: 3-spaltiges Layout -> 1-spaltiges Layout

Beitrag lesen

Hallo Mathias,

ich behaupte mal, dass ein solches Layout (bzw. konkret die Serialisierung) mit float nicht möglich ist. Floats stapeln sich immer in Floatrichtung. Man könnte der Mittelspalte float: none geben, aber dann fangen die Boxen 4 und 5 erst darunter an.

Diese Befürchtung habe ich auch und fühle mich jetzt darin bestätigt.

Dass man da irgendwie tricksen kann mit negativen Margins usw., schließe ich nicht aus, aber robust wird das Layout dadurch nicht.

Das ist nicht in meinem Sinne. In diesem Fall verzichte ich eher auf die Box4.

So ein Layout ist vielleicht mit Flexbox möglich, da sich dort die Reihenfolge bestimmen lässt. Wobei Flexbox eine Haupt-Fließrichtung kennt, in der sich die Boxen stapeln. Will man Boxen in zwei Dimensionen verteilen, braucht man verschachtelte Flex-Container. Dadurch fällt die Kontrolle bei der Serialisierung wieder weg, soweit ich weiß.

Also Flexbox ist ja mal ein Stichwort. Das war mir bisher völlig unbekannt. Wenn auch nicht für das v. g. Beispiel, werde ich mir das auf jeden Fall mal anschauen.

Vielen Dank für deine Antwort.

Freundliche Grüße
Alex