2 Columnas con Tablas

Siempre prefiero usar CSS en vez de tablas para la maquetación de una web ya que casi siempre requiere menos código lo cual significa un tamaño menor y una velocidad de carga más rápida.

No obstante, hay veces que resulta imposible conseguir el resulatado deseado utilizando CSS. Para aquellas ocasiones, aquí tenemos el código para una página web de 2 columnas hecha con tablas. Está "source ordered" y optimizada para el posicionamiento. Ver el resultado

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>2 columnas con una tabla</title>
  <style type="text/css">
  <!--
body {
text-align:center;
}

#header {
background-color:#FFCCFF; 
width:600px;
margin-left:auto;
margin-right:auto;
}

#footer {
clear:both;
width:600px; 
text-align:center;
background-color:#FFFFCC;
margin-left:auto;
margin-right:auto;
}

#main {
margin-left:auto; 
margin-right:auto;
}

#content {
text-align:left;
}
  -->
  </style>
  </head>
<body>
  <div id="header">Header</div>
  <table width="600" border="1" cellpadding="0" cellspacing="0" id="main">
  <tr>
  <th width="200"></th>
  <th rowspan="2" width="400" id="content">Contenido aquí</th>
  </tr>
  <tr>
  <th width="200">Navegación aquí</th>
  </tr>
  </table>
  <div id="footer">Footer</div>
  </body>
  </html>