Tradurre layout con table con soli div

[Luca_pluatrco]

Ciao,
devo "tradurre" il layout di un portale che usa <table> utilizzando solo <div>, quindi nel rispetto degli attuali standard CSS.

Il codice sottostante si riferisce ad una "masterPage" (stesso codice HTML per ogni pagina) il cui layout consiste in uno o più container (evidenzati in grassetto):

<table width="100%" height="100%" cellspacing="0"> 	
<tr> 		
  <td class="TopHeader" align="right"> 			
   <div style="position: absolute; top: 80px; left: 180px">[#container  id="menuContainer"/] </div> 	
  </td>
</tr> 	
<tr>
  <td height="100%" valign="top"> [#container id="contentContainer"/]  
  </td>
</tr>
<tr>
  <td> [#container id="footerContainer"/] </td> 	
</tr> 
</table>

Poi ogni pagina realizza il proprio layout specifico impostando il contenuti dei suddetti contenitori. Di seguito un esempio:

[#target="menuContainer"/]
[$ToolsMenu()]

[#target="contentContainer"/]
[.Module("PanelMenu", "ToDoMenu")]

[#target="footerContainer"/]
[.Module("View","ToDo")]

La soluzione ideale sarebbe un layout a 3 colonne (una delle quali impostata a width:0, se non serve) in cui sia possibile inserire in ciascun "contenitore" (div) elementi a piacere.
Mi sono affacciato da poco ai CSS e ho iniziato a seguire vari tutorial (anche sul layout a 3 colonne), ma con risultati non soddisfacenti.
Sapreste indicarmi un modo efficace per tradurre il layout con table usando solo div? In particolare (se possibile) facendo in modo che le dimensioni di ciascun box si adatti dinamicamente al contenuto inseritovi.

Grazie in anticipo

[sezenec]

Io ti consiglio di partire da qui ma ci sono molti template in rete:
http://blog.html.it/layoutgala
In pratica scelgo il layout con la struttura più simile ai miei bisogni e poi modifico o inserisco quello che mi serve.

Per quanto riguarda il fatto che i div ti si devono adattare al contenuto succede già appena dichiari un div, basta non dichiarare al nè altezza nè larghezza e nemmeno altre proprietà che ne possano limitare la dinamicità.