Que tal amigos, saludos...
Yo no estoy muy de acuerdo con usar tablas a estas alturas. Las tablas son pesadas y hacen que las páginas se carguen mucho más lento que si lo hacemos con divs. Las tablas son única y exclusivamente para mostrar datos tabulados, como estadísticas y chorizotes largos. Para eso están los divs con sus respectivos floats..
Yo propongo que para ese diseño:
HTML:
Código:
<html>
<head>
<title>Tres columnas </title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Cabecera</h1>
</div>
<div id="left">
<div id="col_1">
<h1>Título</h1>
<img src="imagen.jpg" alt="imagen" />
<p>Descripcion</p>
</div>
<div id="col_2">
<h1>Título</h1>
<img src="imagen.jpg" alt="imagen" />
<p>Descripcion</p>
</div>
</div>
<div id="right">
<h1>Título</h1>
<img src="imagen.jpg" alt="imagen" />
<p>Descripcion</p>
</div>
<div id="footer">
<h1>Pie</h1>
</div>
</div>
</body>
</html>
CSS:
Código:
* {
margin:0;
padding:0;
}
body {
text-align:center; /*Para que el div #container se centre en IE*/
}
div#container {
width:756px;
margin:0 auto;
}
div#header {
border:1px solid #000;
}
div#left {
float:left;
}
div#col_1 {
float:left;
width:250px;
border:1px solid #000;
}
div#col_2 {
float:left;
width:250px;
border:1px solid #000;
}
div#right {
float:right;
width:250px;
border:1px solid #000;
}
div#footer {
border:1px solid #000;
}
Yo te recomiendo algo así, eso de usar tablas es de años pasados, es mejor que te vayas acostumbrando a los estándares más nuevos, saludos y espero que te sirva...