CSS: Div´s positionieren ...
 

Hallo Leute,

ich will div´s "optimal" positionieren... der vorhandene Platz soll optimal ausgenutzt werden ... ein "display: block" ist nicht optimal genug ;) ...

Hat jemand eine Idee wie ich das realisieren könnte?

Was ich bis dato habe: https://jsfiddle.net/zn6k40vq/

Das Problem: manche Div´s hätten Platz - werden aber wo anders positioniert. Ich hab mal einen Screenshot gemacht und 3 div´s markiert, wo sie eigentlich sein sollten:

http://www.wavi.at/xhtml_forum/position_div.jpg

Mit freundlichen Grüßen
Erich Wanker

Das liegt an der Formatierung mit 'float'.
Vergiss 'float' und arbeite mit Flex-box.
Wenn es denn aber unbedingt float sein soll, dann müssen alle deine 'div' exakt die gleiche Höhe haben, damit sich der nächste Container nicht an dem 1Pixel aufhängt, der bei einem seiner Vorgänger unten übersteht!

Wer floatet muss auch clearen. Aber selbst damit wirst du dein gewünschtes Layout nicht umsetzen können.
Prinzipiell korrekt wenn es um eindimensionale (horizontale oder vertikale) Layouts geht, soll es horizontal und vertikal ausgerichtet sein dann ist display: grid die bessere Wahl.

Sofern ich das Problem richtig verstehe möchtest du ein sogenanntes masonry grid verwenden, hier findest du eine Anleitung dazu. Alternativ hier eine zweite Lösung.