Forzar a que los "divs" crezcan iguales
Hola! ....
Estoy desarrollando una página con css, el gran problema es que ahora que ya está lista me pidieron que el div del menu y del contenido lleguen hasta el fin de la página. He intentado ponerle un 100% de height pero no funciona.
Les envió la página Sitio que estoy desarrollando
Además el código css Código:
body {
background: #006DB6;
margin: 0px 0px 0px 0px;
height: 100%;
min-height: 100%;
font-family: arial, verdana;
font-size: 12px;
color: #333333;
min-height: 100%;
}
/* Textos */
p {
font-family: arial, verdana;
font-size: 12px;
color: #333333;
text-align: justify;
}
li {
margin-left: 10px;
font-family: arial, verdana;
font-size: 12px;
color: #333333;
list-style-image: url(images/ico/ico.jpg);
list-style-position: outside;
}
/* H1, h2, h3 */
h1 {
color: #DE0303;
font-size: 11pt;
font-weight: bold;
font-family: arial, verdana;
}
h2 {
font-size: 14px;
color: #006DB6;
font-weight: bold;
text-align: left;
margin-top: 0px;
padding-top: 0px;
font-family: arial, verdana;
}
h3 {
font-size: 11px;
color: #006DB6;
font-weight: bold;
text-align: left;
margin-top: 5px;
padding-top: 0px;
font-family: arial, verdana;
}
/* Links */
a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: #006DB6;
}
a:hover, a:active {
font-weight: bold;
text-decoration: none;
color: #DE0303;
}
/* Divs */
div#contenedor {
position: absolute;
top: 10px;
left: 50%;
margin-left: -369px;
width: 738px;
height: auto;
}
div#izquierdo {
position: absolute;
width: 208px;
height: auto;
background: white;
top: 7px;
float: left;
}
div#interior {
position: absolute;
margin: 8px 8px 8px 8px;
width: 192px;
background: url(images/bg/01-lateral-izquierdo.jpg) 0px 0px repeat;
border: 8px;
border-color: #ffffff;
border-style: solid;
z-index: 2;
}
div#flash {
position: absolute;
width: 522px;
height: 153px;
background: #ffffff url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
border-right: 8px;
border-top: 8px;
border-left: 0px;
border-bottom: 0px;
border-color: white;
border-style: solid;
left: 216px;
margin-top: 22px;
}
div#hora {
position: absolute;
height: 24px;
width: 311px;
background: url('upload/hora/hora.jpg') 0 0 no-repeat;
margin-top: 8px;
margin-left: 435px;
text-align: right;
font-family: arial, verdana;
font-size: 8pt;
font-weight: bold;
color: white;
vertical-align: top;
}
div#mapa {
position: absolute;
height: 24px;
width: auto;
margin-top: 5px;
margin-left: 220px;
text-align: right;
font-family: arial, verdana;
font-size: 8pt;
font-weight: bold;
color: white;
vertical-align: top;
}
div#contenido {
position: absolute;
width: 522px;
background: url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
border-right: 8px;
border-top: 0px;
border-left: 0px;
border-bottom: 8px;
border-color: white;
border-style: solid;
left: 216px;
margin-top: 182px;
}
div#subpie {
width: 522px;
height: 22px;
background: url(images/bg/05-pie.jpg) 0 0 no-repeat;
vertical-align: middle;
}
div#piepagina {
position: absolute;
width: 522px;
clear: both;
left: 50%;
margin-left: -261px;
top: auto;
bottom: 10px;
height: 40px;
font-size: 12px;
text-align: center;
}
/* Blockquote */
blockquote#menu {
display: block;
top: 20px;
width: 192px;
height: auto;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
blockquote#destacados {
display: block;
top: 20px;
width: 170px;
height: auto;
margin-left: 11px;
margin-right: 0px;
bottom: 11px;
border: 1px;
border-color: #E0E0E1;
border-style: solid;
background: url(images/bg/02-frame.jpg);
font-family: arial, verdana;
font-size: 8pt;
}
blockquote#info {
width: 492px;
height: auto;
margin: 0px 0px 0px 0px;
padding-left: 20px;
padding-bottom: 15px;
font-family: arial, verdana;
font-size: 11px;
}
/* Tablas */
table {
font-family: arial, verdana;
font-size: 11px;
color: #333333;
}
/* Formulario */
input {
border: 1px;
border-style: solid;
border-color: #DE0303;
font-size: 11px;
font-family: arial, verdana;
color: Black;
}
textarea{
border: 1px;
border-style: solid;
border-color: #DE0303;
font-size: 11px;
font-family: arial, verdana;
color: Black;
}
/* Imagenes */
img#espacio {
padding-top: 20px;
}
img#titulo {
padding-top: 1px;
padding-bottom: 10px;
}
img#submenu {
margin-right: 5px;
}
/* Clases */
.negrita {
font-weight: bold;
}
.texto-der {
text-align: right;
}
.etica {
margin-left: 61px;
}
.directorio {
font-size: 12px;
}
.sitios-interes {
border: 1px;
border-style: dashed;
border-color: #cccccc;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: -3px;
padding: 0px 0px 0px 0px;
bottom: 0px;
}
.derimg {
margin-left: 7px;
}
.izqimg {
margin-right: 7px;
}
.centroimg {
margin-right: 5px;
margin-left: 5px;
}
.vermas {
font-size: 10px;
}
.titlenot {
font-size: 12px;
}
.fecha {
color: #DE0303;
font-weight: bold;
}
#mapa a:link {
font-weight: bold;
text-decoration: none;
color: white;
}
#mapa a:visited {
font-weight: bold;
text-decoration: none;
color: white;
}
#mapa a:hover {
font-weight: bold;
text-decoration: none;
color: #DE0303;
}
#mapa a:actived {
font-weight: bold;
text-decoration: none;
color: #DE0303;
}
Muchas Gracias ... :adios: | 