HTML & CSSur HTML, XHTML & CSS
4 svar · 421 visningar · startad av Tjock-Erik
Kodexempel:
<div id="whatever" style="background-color: #FF0000;">
<div style="float: left;">Vänster</div>
<div style="float: right;">Höger</div>
</div>
<div>HEJ gg g g f gfg fg fg fg fg fg f g f g f g f gf gf </div>
Denna kod resulterar i att "Vänster" står längst till vänster i #whatever och "Höger" till höger. Problemet är bara att "whatever inte anpassas efter innehållet i de båda divarna. Jag kan inte heller ange höjden på #whatever för då blir det fel om användarna byter textstorlek och dessutom kan innehållet variera.
Finns det något sätt att få #whatever att bli större om innehållet i de båda divarna innehåller? Jag har testat display: inline och strunta i float, men då händer inget när jag anger width. Samma sak händer om jag bestämmer postition med absolute och top, left o.s.v.
Redigerat av Erik Juhlin med hänvisning till: http://www.webforum.nu/faq.php?faq=about_wf#rules_4
Egentligen har jag ingen lust att hjälpa dig när du är så oerhört omogen. Men vad gör man inte...
<div id="whatever" style="background-color: #FF0000;">
<div style="float: left;">Vänster</div>
<div style="float: right;">Höger</div>
[b]<br clear="all" />[/b]
</div>
<div>HEJ gg g g f gfg fg fg fg fg fg f g f g f g f gf gf </div>
Det borde funka.
Tack ska du ha. Det fungerade utmärkt.
I alla fall i Opera och Mozilla. Är det någon annan som har någon lösning på problemet?
Hmm..
En klassisk kokboksmetod är att lägga till en "empty spacer div" längst ner i den omslutande div-taggen såhär:
<div id="whatever" style="background-color: #FF0000;">
<div style="float: left;">Vänster</div>
<div style="float: right;">Höger</div>
<div style="clear:both;font-size:0;line-height:0">&nbsp;</div>
</div>
<div>HEJ gg g g f gfg fg fg fg fg fg f g f g f g f gf gf </div>