Hola!
Tengo un problema con la visibilidad del footer. La estructura de mi página es la siguiente:
HTML
Código:
<div id="cuerpo">
<div id="header"></div>
<div id="content">
<div class="interior">
<div class="left"></div>
<div class="right"></div>
</div>
<div id="corte"></div>
<div id="footer"></div>
</div>
CSS
Código:
#cuerpo{
width: 100%;
}
#header{
width: 100%;
height: 101px;
background-image: url(../images/header_bg.png);
background-position: 0 0;
color: #FFF;
}
#content{
width: 100%;
background-image: url(../images/content_bg.png);
background-repeat: repeat-x;
background-position: 0 0;
background-color: #FFF;
position: absolute;
}
#content .left{
width: 62%;
float: left;
padding: 5px;
}
#content .right{
width: 32%;
float: right;
padding: 5px;
}
#corte{
clear: both;
}
#footer{
width: 100%;
height: 66px;
background-image: url(../images/footer_bg.png);
z-index: 1;
bottom: 0;
}
Si a #content le quito
position:absolute no se muestra la imagen de fondo pero si se muestra #footer.
¿Qué tengo que poner para que se muestre tanto la imagen de fondo de #content como la de #footer?
Muchas gracias