Hej.
Er der nogen der kan fortælle mig hvordan jeg får en <div> til at have
den mindst mulige bredde? Altså at hvis dens indhold kun optager f.eks.
60% af siden så skal <div>'en også synke til 60%? Jeg har en <div> som
skal have en baggrundsfarve, men jeg vil helst ikke have farven til at
gå helt ud til kanten af siden hvis der ikke er noget tekst der.
Det eneste jeg umiddelbart kan komme i tanke om er at bruge {display:
inline}, men så bliver tomme linjer i <div>'en ikke omfattet af
baggrundsfarven...
Her er et lille HTML-dokument med en <div> og et <table> som viser mit
problem. Jeg vil meget gerne have diven til at synke i størrelse på
samme måde som tablet:
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"
http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<style type="text/css">
div {
background-color: green;
border: 2px solid black;
}
table {
background-color: red;
border: 2px solid black;
}
</style>
</head>
<body>
<p>yagyag</p>
<div><p>mlangablangaa lwkfhdskl fhsdfkl shdfshdsdjhsfh
sdfjhsdjkf<br><br>mlangablangaa lwkfhdskl fhsdfkl shdfshdsdjhsfh
sdfjhsdjkf</p></div>
<p>yugyuq</p>
<table>
<tr><td>
blapgapgjalkrjnlvrkvausnevrl rl erlaer sler serlk jkljser
<br><br>blapgapgjalkrjnlvrkvausnevrl rl erlaer sler serlk jkljser
</td></tr>
</table>
</body>
</html>
-------------------------------------------------------------------
På forhånd tak!
/Jonas