Indubbiamente questo che metto è più lungo di quello proposto da misterWo però odio l'uso del position:absolute (diciamo lo uso raramente).
L'effetto è identico, per le dimensioni vanno cambiate in modo dettagliato (non si può sgarrare con i float ) a seconda di ciò che si vuole
[HTML].....
<head>
<style type="text/css">
body{
}
#container{
width:850px;
}
#top{
height:150px;
width:800;
padding:25px;
background-color:#99FF00;
}
#center{
height:300px;
width:100%;
background-color:#00FF00;
}
#topleft{
width:500px;
height:150px;
float:left;
clear:right;
}
.int{
width:100%;
height:75px;
float:left;
background-color:#999999;
}
#topright{
float:left;
clear:right;
width:200px;
height:100%;
margin-left:100px;
}
.intB{
width:200px;
height:150px;
}
#tabA{
float:right;
width:50px;
height:100%;
background-color:yellow;
}
#tabB{
float:left;
width:150px;
background-color:#009933;
height:50%;
}
#tabC{
float:left;
height:50%;
width:150px;
background-color:red;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="topleft">
<div class="int"></div>
<div class="int"></div>
</div>
<div id="topright">
<div class="intB">
<div id="tabA"></div>
<div id="tabB"></div>
<div id="tabC"></div>
</div>
</div>
</div>
<div id="center"></div>
</div>
</body>
....
[/HTML]
