Muy buenas, llevo dando vueltas con un problema que no consigo
solucionar. Tengo el body con una imágen de fondo y quiero ponerle
otra imagen de fondo al div "contenedorpagina" para ponerle un
sombreado. Sale todo bien, pero cuando el contendido de cualquiera de
las siguientes capas "contenidolateral" o "contenidocentral" aumenta,
la imágen del contenedor deja de llegar al final y queda colgando a
mitad de pantalla.
Pongo el código a ver si alguien puede orientarme, estoy ya desesperado
tengo el siguiente código:
<div id="contenedorpagina">
<div id="contenedor">
<div id="cabecera">Cabecera</div>
<div id="contenidolateral">Contenido Lateral</div>
<div id="contenidocentral">Contenido Central</div>
<div id="footer"></div>
</div>
</div>
el estilo es el siguiente:
html, body {
margin: 0;
padding: 0;
height: 100%;
background-image: url(../imagenes/fondobody.gif);
}
#contenedorpagina {
background: url(../imagenes/fondo.gif) repeat-y 0;
width: 840px;
margin: auto;
height: 100%;
}
#contenedor {
width: 780px;
margin: auto;
}
#cabecera {
height: 270px;
background-color: blue;
}
#contenidocentral {
background-color: aliceblue;
margin-right: 200px;
}
#contenidolateral {
background-color: antiquewhite;
width: 200px;
float: right;
}
#footer {
background-color: aqua;
height: 80px;
clear: both;
}
Saludos,
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
