Hola, aqui va la descripción de mi problema:
Tengo un encabezado superior horizontal con un ancho del 100% y un alto en pixeles, debajo de el se coloca otras dos secciones la del menu y la del contenido en forma de columnas verticales.
El problema esta en que estas dos columnas (sección 2 y 3) no logro que abarque el resto de la pantalla a lo alto sin importar la resolución de pantalla o tamaño de la venta del navegador. Use la propiedad height al 100% pero se sale de pantalla las columnas. Porque toma como referencia la cordenada 0,0 del body.
Alguna solución?? para que estas dos columnas ocupen el resto del espacio a lo alto relativamente.
Aquí esta el código
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Maquetacion</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#Content {
width: 100%;
height: 100%;
}
#seccion1 {
height: 69px;
width: 100%;
background-color: #FFCC00;
}
#seccion2 {
width: 235px;
background-color: #009933;
float: left;
height: 100%;
}
#seccion3 {
margin-left: 235px;
background-color: #0033CC;
}
-->
</style>
</head>
<body>
<div id="Content">
<div id="seccion1">Encabezado</div>
<div id="seccion2">Menu</div>
<div id="seccion3">Base Contenido</div>
</div>
</body>
</html>
Desde ya gracias
