Foros del Web » Creando para Internet » CSS »

Problema con el footer

Estas en el tema de Problema con el footer en el foro de CSS en Foros del Web. 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"> ...
  #1 (permalink)  
Antiguo 18/09/2010, 05:43
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 7 años, 3 meses
Puntos: 0
Exclamación Problema con el footer

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
  #2 (permalink)  
Antiguo 18/09/2010, 07:31
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema con el footer

Hola:

En tu HTML tienes un div sin cerrar y puedes suprimir el div corte.

Y en el CSS cambia la position:absolute por overflow:auto.

Saludos.

  #3 (permalink)  
Antiguo 18/09/2010, 07:36
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Problema con el footer

Gracias!

Ha sido poner overflow:auto y funciona perfectamente.

Todos los días me acuesto aprendiendo algo nuevo con vosotros.

Muchas gracias!!!!!!

Etiquetas: footer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:24.