Hola, para practicar un poco mas arme una pagina tipo maqueta con las divisiones que considero mas comunes, se me hace mas facil poner id y clases a las etiquetas pero nose si eso se debe hacer asi.
Logo
Feature
<div class="article column1">
<h2></h2>
<img>
<p>Column One</p>
</div>
<div class="article column2">
<h2></h2>
<img>
<p>Column Two</p>
</div>
<div class="article column3">
<h2></h2>
<img>
<p>Column Three</p>
</div>
</div>
<div id="footer">
<p> ©: Copyright 2011 </p>
</div>
</body>
___CSS___________________________________________________________________________________________
*{ font-size: Arial, Verdana, Sans-serif; color: #665544; text-align: center; }
h1{ text-align: center; }
body{ width: 90%; margin: 0 auto; }
#content{ overflow: auto; height: 100%; }
#nav , #feature , #footer { background-color: #c4bebe; padding: 10px 0px 5px 0px; margin: 1%;
}
.column1 , .column2 , .column3 { background-color: #efefef; width: 31.3%; float: left; margin: 1%; }
.column3 {margin-right: 0%;}
li{ display: inline; padding: 0.5em; }
#feature, .article { height: 10em; margin-bottom: lem; background-color: #efefef; }