nicht angemeldet
float in einer Flucht
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.
-
Yerf!
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.
Eine exakte Lösung hab ich zwar nicht, aber ein paar Gedanken dazu:
Das Problem dürfte daher kommen, dass float für die Divs keine Zeilen bildet, sondern möglichst weit oben und dann möglichst weit links plaziert. Mögliche Lösung wäre demnach ein display:inline oder inline-block für die Divs. Leider wird Zweiteres noch nicht wirklich gut von den Brwosern unterstützt (Opera kann es, beim FF heist es -moz-inline-block und hat wohl noch ein paar Bugs und der IE interpretiert inline irgendwie als inline-block). Ich weis nicht, ob man daraus irgendwie eine Lösung basteln kann...
Gruß,
Harlequin