Tjah, width:auto; har ikke den store betydning
der, den vil være auto, når den er floatet ... ulempen
er dog at tabel b kan blive ret lille tilsidst ...
Dertil så kommer problemet med at b vil fylde minimum den
mindste tekst streng til højre for a og baggrunden fra b
vil ryge ind under a, kan løses med trav4u2's ekstra element,
såfremt du ved hvilken højde det skal være - og så vil resten
af b's indhold blive wrappet rundt om a, da det er et floatet
element - og så forårsage at c rykker længere ned.
M.h.t. at dit c element hopper, så prøv at kaste
en clear:both; på den som i 09/05-2007 10:51:46.
Så svaret på: "I øvrigt, om den første "underDIV" står til width:auto eller width:et_tal_px gør ingen forskel (og jeg kan bedre lide auto, siden min tabel varierer i bredden efter postback) -er der noget problem i det ?" Er som nedenstående eksempler viser et ja. Medmindre jeg har overset noget, som Roenving eller trav4u2 fanger istedet.
... Men hvis baggrunder er ens og det wrapping
er ønsket eller ikke opstår på siden - grundet indholdet
gør at det passer, så er der vel ikke rigtigt nogle problemer.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="da"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><meta name="robots" content="noindex, follow" /><meta http-equiv="content-language" content="da" /><link rel="stylesheet" type="text/css" href="css.css" /><title>a</title></head><body>
<div id="outer">
<div id="ab">
<div id="a">Tabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel aTabel avv</div>
<div id="b">Tabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel BTabel Bv</div>
</div>
<div id="c">Tabel C</div>
</div>
</body></html>
css uden width på element med id a:
#outer {font:12px arial,sans-serif;}
#ab {width:1200px;}
#a {background:#ddd;float:left;margin-right:20px;}
#b {background:#aaa;}
#c {background:#888;clear:both;}
css med width på element med id a:
#outer {font:12px arial,sans-serif;}
#ab {width:1200px;}
#a {background:#ddd;float:left;width:600px;margin-right:20px;}
#b {background:#aaa;}
#c {background:#888;clear:both;}
