Stefan Kristensen skrev:
> Hej NG.
>
> Jeg har nogle DIV'er der skal vises på en række, så de har naturligvis
> fået float: left. Det virker sådan set efter hensigten, men en af
> DIV'erne er en del højere end de andre, så resultatet bliver sådan her:
>
> 1 2 3
> 3
> 4 5 6
>
> Kan jeg sætte noget der ligner float: top på så resultatet bliver sådan
> her:
>
> 1 2 3
> 4 5 3
> 6
Der er ikke noget, der hedder float:top. Du har
valget mellem left, right, none og inherit.
Den forståelse, du har brug for, er at et
left-float'et flyder til venstre, så langt til venstre
det kan komme og så højt op det kan komme, begge
inden for forældre-elementet (containing block).
Et left-float'et element der i kildekoden følger
efter et foregående left-float'et element flyder op
så højt det kan komme på højre side af det foregående
element, hvis der er plads til det i containing element.
Du kan betragte sådanne to på hinanden følgende
left-float'ede elementer som en linie tekst, hvis højde
bestemmes af det højeste af de to elementer. Det betyder, at
den næste "linies" placering bestemmes af det højeste
element i den foregående linie.
Nøglen til løsningen af dit problem ligger i begrebet
containing block. I det konkret tilfælde skal
du lave en sådan, der indeholder elementerne 1, 2
4, 5 og 6 og har en bredde der er dobbelt så stor som
de enkelte elementer (husk margin, border og padding
indgår i hvor meget det enkelte element fylder)
Hvis du også left-float'er dette nye element, behøver du
ikke left-float'e element nr 3 - det flyder automatisk
op på højre side af din nye containing block.
Der er en hel del mere at sige om dette emne, også
mere end der er plads til i en usenet posting. Derfor
tillader jeg mig at henvise til kapitel 12 i min neden-
nævnte bog, Webdesign med stylesheets.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..