problemer med kolonner
Nogen der kan hjælpe mig her..Jeg vil have baggrunden grå på siden her i den div der hedder sitecontent.. det gårogså fint.. indtil jeg begynder at lave nogle diver som skal bruges som kolonner.. der er baggrunden ikke grå.. hvad overserjeg i mit stylesheet?
Jeg paster her min html og mit stylesheet... Jeg har forsøgt at rense for så meget overflødig kode som muligt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title></title>
<link rel="stylesheet" type="text/css" href="mystyle.css" media="screen">
</head>
<body>
<div id="sitecontainer">
<img src="/logo.gif" style="width:200px;height:100px;">
<div id="sitecontent">
baggrunden er grå lige i hele denne div.<br /><br/>
lige indtil jeg laver kolonnerne herunder.. de flyder bare over det grå.. hvad er det jeg overser?
<div id="columns">
<div colnum="1" class="divColonne" style="width: 232px; min-height: 1px;">
<p>kolonne 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat metus sed massa interdum convallis eget non odio. Sed ut lorem eget libero tincidunt tristique. Aliquam vitae sapien nec leo faucibus tempor. Nam commodo iaculis mollis. Nulla ornare ultricies ultrices.</p>
</div><!-- ends divcolonne colnum 1 -->
<div colnum="2" class="divColonne" style="width: 232px; min-height: 1px;">
<p>kolonne 2</p>
</div><!-- ends divcolonne colnum 2 -->
<div colnum="3" class="divColonne" style="width: 232px; min-height: 1px;">
<p>kolonne 3</p>
</div><!-- ends divcolonne colnum 3 -->
<div colnum="4" class="divColonne" style="width: 260px; min-height: 1px;">
<p>kolonne 4</p>
</div><!-- ends divcolonne colnum 4 -->
<br style="clear:both;" />
</div><!-- ends coloumns -->
</div><!-- ends site content -->
<div id="footer">
footer
</div>
</div><!-- ends sitecontainer -->
</body>
</html>
stylesheet mystyle.css:
*
{
margin:0;
padding:0;
}
html
{
font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size: 11px;
}
body
{
background-color: #333333;
}
#sitecontainer
{
margin:0 auto;
padding: 0;
width:958px;
position:relative;
}
#sitecontent
{
background-color: #eeeeee;
border-top: 2px solid #333333;
margin-bottom:3px;
}
#columns {
}
.divColonne{
float:left;
}
*html .divColonne{
overflow: hidden;
}
#footer{
margin-top: 3px;
margin-bottom: 4px;
text-align: center;
background-color: #CCCCCC;
padding: 2px 5px 2px 5px;
}
