Hallo zusammen,
ich habe eine Reihe von Divs, die durch Verwendung derselben CSS-Klasse eine einheitliche Breite haben (z.B. 15em).
Jetzt möchte ich, dass diese Divs untereinander gesetzt werden, aber sobald ein Div nicht mehr in die Fensterhöhe (die Viewporthöhe) passt, soll es rechts daneben ganz nach oben gesetzt werden. Die nachfolgenden Divs sollen dann in dieser „zweiten Spalte“ wieder untereinander gesetzt werden, bis wieder eines nicht passt und wieder rechts daneben ganz oben gesetzt wird usw. Dabei möchte ich keine(!) eigenen Spalten setzen, das Ganze soll sich dynamisch aufbauen, also abhängig von der Fenster-/Viewporthöhe sein.
Das Ganze soll wie ein Fließtext funktionieren. Fließtext füllt ja eine komplette Textzeile und sobald ein Wort nicht mehr passt, wird es an den Anfang der nächsten Zeile gesetzt. Meine Divs sollen jetzt nur nicht von links nach rechts gesetzt werden, sondern von oben nach unten. Wenn unten kein Platz mehr ist, gehts rechts daneben weiter.
Dadurch gäbe es keinen senkrechten Rollbalken, sondern höchstens einen horizontalen, wenn die Breite des Fensters nicht mehr reicht, alle Divs auf einmal darzustellen.
Das Ganze soll sich beim Ändern der Fenstergröße immer wieder dynamisch setzen, ähnlich einem Float (was in diesem Fall nicht klappt, da es Objekte erst mal nebeneinander und erst dann untereinander setzt).
Geht das, was ich vorhabe, und wenn ja, wie?
Wie es so ist, dachte ich, ich mach das mal eben schnell… klappte aber nicht.
Danke für Infos
A.
