Hola a todos, tengo un problema con la altura de un div al ponerla a 100%. Ya se que hay problemas con el dimensionamiento vertical de DIVs, pero lo que necesito no es nada del otro mundo. Si alguien puede echarme una mano, el código es el siguiente:
<head runat="server">
<title>Página sin título</title>
<style type="text/css">
#divContenedor
{
width:800px; /*ancho total de la pagina*/
background-color:#FBFAF6;
margin:10px auto;
}
#divIzquierdo
{
width:40px;
height:100%;
float:left;
background:url(Imagenes/Izquierdo.jpg)
}
#divCentral
{
width:720px;
height:100%;
float:left;
}
#divDerecho
{
width:40px;
height:100%;
float:left;
background:url(Imagenes/Derecho.jpg);
}
#divInferior
{
width:100%;
height:40px;
background:url(Imagenes/Inferior.jpg)
}
</style>
</head>
<body>
<div id="divContenedor">
<div id="divIzquierdo">
</div>
<div id="divCentral">
<br />
<br />
<br />
<br />
</div>
<div id="divDerecho">
</div>
<div id="divInferior"></div>
</div>
</body>
</html>
Simplemente quiero una estructura de dos divs laterales, que tendrán una imagen de 40X40 px (La cual debería repetirse hacia abajo) y uno central en el que ingresaré el contenido.
El problema es que las capas laterales, se quedan con una altura de 40px, aún habiendole puesto 100% y haciendo crecer a su contenedor, que sería la capa "divContenedor".
Muchas gracias de antemano y un saludo a todos.