Hola.
Me gustaría saber como puedo hacer que un div tenga un tamaño según sea el tamaño de el div jerárquicamente superior.
Me explico.
Si tengo un div "contenido" con las siguientes definiciones:
Código HTML:
#contenido{
width: 95%;
height: 95%;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
overflow: hidden;
}
Y dentro de ese div tengo una columna a la izquierda representada por otro div:
Código HTML:
#izquierda {
background-image: url(../images/izquierda.png);
background-repeat: no-repeat;
float:left;
margin-top:0px;
width:342px;
text-align:center;
vertical-align:top;
}
Mi pregunta es: ¿Como hago para que la altura de este div "izquierda" coincida con la del "contenido"?, es decir, el 95% de la altura de la ventana.
Un saludo!