Código:
<!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=utf-8"/>
<title>Untitled Page</title>
<link href="template/estilo1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div style="border:2px solid red; height:auto">
<div style="border:1px solid black">Borde Superirior</div>
<div style="border:1px solid black">Menu Superior</div>
<div id="centro">
<div class="contienemenu">
<table width="100%" border="1">
<tr>
<td><p>Menu</p>
</td>
</tr>
</table>
</div>
<div class="cuadriculaderecha">
<!--Tabla contiene-->
<table width="100%" border="1">
<tr>
<td>
<!--Tabla izquierda-->
<table width="70%" border="1" style="float:left">
<tr>
<td>d</td>
<td>d</td>
<td>d</td>
</tr>
</table>
<!--FIN Tabla izquierda-->
<!--Tabla derecha-->
<table width="30%" border="1" style="float:right">
<tr>
<td>AAAA</td>
</tr>
</table>
<!--FIN Tabla derecha-->
</td>
</tr>
<!--FIN Tabla contiene-->
</table>
</div>
</div>
</div>
</body>
</html>
Código:
body { color: black; background-color: white; }
#centro { width: 100%; height:auto}
.contienemenu { width:11%; float:left; height:auto}
.cuadriculaderecha { float:right; width:89%; height:auto}
Si se fijan en firefox, se visualisa mal, ya que la capa que contiene al sitio no contiene todo el mismo.
Saludos y gracias.