"Frank K. Jensen" <mia-frank@_nospam_mail1.stofanet.dk> writes:
>
> Men hvorfor er de ikke allesammen inde i den første div?
>
> Jeg har prøvet det her:
>
> -----
> <div style="/*width: 100%;*/ /*position: relative; top: 0px; left 0px;*/
> border: solid 1px #000000">
>
> <div style="float:left">
> text1
> </div>
>
> <div style="float:right">
> text2
> </div>
>
> </div>
> -----
>
> Men ovenstående kommer der ikke noget tekst inde i den omsluttende div, som
> bare bliver en streg.
Klart, der er ikke noget indhold, da alt inden i er float'et. En
float'et element fylder ikke noget i forhold til div'en udenom, så
den bliver behandlet som om den var tom.
> Men hvis jeg tilføjer "position...." så ser det fint ud i mozilla.
Sjovt. Jeg kan ikke lige gætte hvorfor det gør en forskel.
> Hvis jeg tilføjer "width: 100%" så ser det fint ud i IE,
Heller ikke her.
> så hvis jeg tilføjer begge dele virker det i både mozilla og IE, men
> dog stadig ikke opera.
En float skal have en bredde og højde angivet (med mindre det er et
billede eller et aller andet andet der har en højde og bredde).
Prøvt at sætte højde og bredde på dine div'er.
> Forklaring?
Måske!
Prøv også at sætte en border på de forskellige elementer, så er det nemmere
at se hvor store de er. Det kan være ganske informativt. :)
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'