Struppi: Seitenfüllendes Grid mit Umbruch - Möglich?

Beitrag lesen

Es sollen Elemente in einem Gitter(Grid) angeordnet werden. Dieses soll in der Breite die gesamte Seite füllen. Wenn die Seite zu klein wird, sollen Elemente umgebrochen werden, jedoch trotzdem die gesamte Seite genutzt werden.

Bei einem Gitter würde ich mir Gedanken über eine Tabelle machen, auch wenn es keine "tabellarischen Daten" sind, eine Tabelle ist aber ein Gitter.

Beispiel: Der Browser-Sichtbereich ist 400px breit. Es werden 4 Elemente mit jeweils 100px Breite dargestellt. Nun wird das Fenster kleiner gezogen auf 320px. Somit haben alle Elemente eine breite von 80px. Dies soll nun die minimale Breite der Elemente sein. Wird das Fenster noch etwas kleiner gezogen(390px), soll eines der 4 Elemente umgebrochen werden in die nächste Zeile. Da nun wieder Platz freigeworden ist, werden die verbleibenden 3 Elemente jeweils 130px breit.

Elemente:
float:elft;
width:25%;

Container:
min-width:390px

Struppi.