Tengo el siguiente código que en ningun explorador me lo interpreta bien, algo me ha de estar faltando para que la tabla ocupe el 100% del div.
Tengo el ejemplo para que lo puedan ver en :
http://www.gruponeoga.homeip.net/ejemplo_css.asp
el código el el siguiente :
Código PHP:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#contenedor{
text-align: left;
margin :0; padding:0;
width:100%;
}
#cabecera{
height:30px;
background-color:#909090;
text-align: center;
overflow:hidden;
padding: 0px 0px 0px 0px;
}
#cuerpo{
padding: 0px 0px 0px 0px;
}
#lateral{
width: 300px;
height:600px;
background-color: #999999;
float:left;
}
#principal{
margin:0; padding:0;
}
#pie
{
height:30px;background-color: #cacaca; text-align:center; clear: both;border-top:1px solid #cacaca;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">INFORMACION CABECERA</div>
<div id="cuerpo">
<div id="lateral">INFORMACION MENU</div>
<div id="principal">
<table style="width:100%;border:1px solid #0000ff;">
<tr>
<td colspan=2 bgcolor="yellow">ENCABEZADO
<tr>
<td width=50% align="center" bgcolor="#f93d3d" style="font-size:24px;border-right:2px solid #fffc01;color:#ffffff;width:50%" height=35>CELDA 1</td>
<td width=50% align="center" bgcolor="#f93d3d" style="font-size:24px;color:#ffffff;width:50%">CELDA 2</td>
</table>
</div>
</div>
<div id="pie"></div>
</div>
</body>
</html>
Agradecere cualquier aportación.
