codice:
<div id="container">
<div id="header">
</div>
<div id="content" class="clear">
<div class="column clear">
<div class="one">
</div>
<div class="two">
</div>
</div>
<div class="column clear">
<div class="one">
</div>
<div class="two">
</div>
</div>
<div class="column">
<div class="three">
</div>
</div>
<div class="column clear">
<div class="one">
</div>
<div class="two">
</div>
</div>
<div class="column clear">
<div class="one">
</div>
<div class="two">
</div>
</div>
</div>
</div>
codice:
#container
{
width: 600px;
margin: 20px auto;
border: 2px solid #f00;
}
#header
{
height: 40px;
background: #09f;
margin: 10px
}
#content
{
margin-bottom: 10px;
}
.clear
{
overflow: hidden;
height: 100%;
}
.column
{
float: left;
width: 100px;
margin: 0 10px 10px 10px;
height: 100px;
}
.one
{
height: 20px;
background: #999;
}
.two
{
height: 70px;
background: #ccc;
margin-top: 10px;
}
.three
{
background: #069;
}
ho scritto il codice direttamente qui, vedi un po' se funziona.