1. Para maquetar con CSS debes usar divs en vez de tablas:
<div id="cabecera"><h1>contenido de la cabecera</h1></div>
<div id="menu">
<ul>
<li><a>Item</a></li>
<li><a>Item</a></li>
<li><a>Item</a></li>
<li><a>Item</a></li>
</ul>
</div>
<div id="contenidoprincipal">
<p>contenido principal, notcias, eventos, que sé yo</p>
</div>
<div id="piedepagina"><p>Pie de Página</p></div>
----
ese sería el documento html
ahora pasamos al CSS... el siguiente es un código básico, si te metes más a CSS, vas a poder explotar más las capas [layers]...
------
#cabecera {
position: relative;
width: 100%;
height: 200px;
}
#menu {
position: relative;
width: 10%;
float: left;
}
#contenidoprincipal {
position: relative;
width: 85%;
float: left;
}
#piedepagina {
position: relative;
width: 100%;
clear: both;
}
----
cualquier duda, preguntas...
sobre las tablas, no vas a usarlas mas que para presentar contenido tabular, relaciones o algo así, no para acomodar tu layout...
saludos