Stacking Divs avec CSS

Question

Je suis un peu nouveau sur CSS qui utilise des tables pour mon html depuis des années, j'essaie de comprendre comment je peux nicher divs ou les empiler dans la section de contenu d'une mise en page 3 colonnes. avec des tables je ferais juste un nouveau <tr> mais si je flotte un autre div dans la ligne de ligne de contenu il apparaîtra parallèle ou verticalement, quand je veux apparaître dessous. Y a-t-il un autre moyen de le faire ou est-ce que je manque le point des Divs ici?

exemple de code de base

 body { 
     margin: 0px; 
     padding: 0px; 
     } 
     #header { 
     background: #438a48; 
     width: 100%; 
     } 
     #leftcolumn { 
     background: #2675a8; 
     float: left; 
     width: 25%; 
     height: 700px; 
     } 
     #content { 
     background: #000; 
     float: left; 
     width: 75%; 
     height: 700px; 
     } 
     #footer { 
     background: #df781c; 
     clear: both; 
     width: 100%; 
     } 

Le code HTML

 <div id="header">Header</div> 
     <div id="leftcolumn">Left Column</div> 
     <div id="content">Content</div> 
     <div id="footer">Footer</div> 

Answer 1

cette page présente quelques exemples; http://blog.html.it/layoutgala/. Cela peut être utile.

Answer 2

Vous pouvez simplement ajouter divs l'intérieur du div ... #content l'imbrication les forcera à rester à l'intérieur de leurs parents ... (ne pas flotter ces internes divs, pour les faire un sous l'autre ..)