Robert: float in einer Flucht

Beitrag lesen

Hallo liebe Sachkundige!

ich stehe vor einem Problem, welches ich beim besten Willen nicht gelöst bekomme.

Folgendes strebe ich an:

###  ###  ###  ###  ###  ###   ############
###  ###  ###  ###  ###  ###   ############
                               ############
###  ###  ###  ###  ###  ###   ############
###  ###  ###  ###  ###  ###

###  ###  ###  ###  ###  ###  ###  ###  ###
###  ###  ###  ###  ###  ###  ###  ###  ###

So sieht es allerdings aus:

###  ###  ###  ###  ###  ###   ############
###  ###  ###  ###  ###  ###   ############
                               ############
###  ###  ###  ###  ###  ###   ############
###  ###  ###  ###  ###  ###
                              ###  ###  ###
                              ###  ###  ###

###  ###  ###  ###  ###
###  ###  ###  ###  ###

Zur Erklärung:

sind <div>-Blöcke, welche u. a. kleine Vorschaubilder beinhalten und den
größeren Block dynamisch umfließen sollen („float: left;“)

############ ist ein <div-Block> welcher die zu den Vorschaubilder gehörenden
############ größeren Bilder (sowohl von der Auflösung als auch vom Bildaus-
############ schnitt her) aufnehmen soll.
############ („float:right;“)

Das Problem ist nun, daß die Höhen der <div>-Blöcke nicht vorbestimmt werden sollen. Leider entstehen dadurch aber beim Umfließen solch häßliche Versätze.

Wie kann ich es hinbekommen, daß die Zeilen, in denen die  kleineren <div>-Blöcke sich platzieren, alle in einer Flucht erscheinen?

Ich hoffe, ich habe mich verständlich ausgedrückt und jemand kann mir helfen.

:-)

Gruß,

Robert.