Si algo simple:
No tiene todo lo que debería pero es lo básico para darte una idea.
Código:
<html>
<head>
<style>
/*Recomiendo usar un reset de CSS*/
body{
margin:0px;
}
.container {
width: 90%;
height: auto !important;
height: 100px;
margin-left: 5%;
margin-right: 5%;
border:1px solid #ffcc00;
}
.container .cols3 {
background-color:#eee;
width: 33.10%;
height:100px;
float:left;
border:1px solid #333;
}
html body * div.clear
{
background: none; border: 0;
clear: both; display: block;
float: none; font-size: 0;
list-style: none; margin: 0;
padding: 0; overflow: hidden;
visibility: hidden; width: 0;
height: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="cols3">AA</div>
<div class="cols3">AA</div>
<div class="cols3">AA</div>
</div>
<div class="clear"></div>
<div class="container">cuerpo</div>
<div class="clear"></div>
<div class="container">footer</div>
</body>
</html>