Foros del Web » Creando para Internet » CSS »

Duda con divs

Estas en el tema de Duda con divs en el foro de CSS en Foros del Web. Hola, Mi web tiene esta estructura: <div id="contenido"> <div id="centro"> </div> <div id="pie"> </div> </div> y en la css tengo: #pie { clear: both; background-color: ...
  #1 (permalink)  
Antiguo 21/01/2011, 15:52
 
Fecha de Ingreso: noviembre-2006
Mensajes: 82
Antigüedad: 11 años, 1 mes
Puntos: 0
Duda con divs

Hola,


Mi web tiene esta estructura:


<div id="contenido">
<div id="centro">

</div>
<div id="pie">
</div>
</div>

y en la css tengo:

#pie
{
clear: both;
background-color: #ffffff;
width: 100%;
font-size: .8em;
font-family: arial, verdana, tahoma, sans-serif;
margin: auto;

}
#centro
{
float: left;
margin: 0 0 1em 1.56em;
padding: 0;
width: 54%;
text-align: justify;
height:auto;
}

Según está, el pie se va moviendo según el tamaño del div centro. Lo que quiero es que el pie esté fijo en la parte baja de la pantalla, y que cuando el centro ocupe mucho espacio, el pie se desplace hacia abajo hasta donde ocupe el centro y se vea cuando se use el scroll normal que sale en cualquier pagina.
No sé si me explico...
He hecho un dibujo rápido para explicarlo mejor.



Alguna idea?
  #2 (permalink)  
Antiguo 21/01/2011, 16:57
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Duda con divs

#contenido {
min-height: 100%;
position: absolute;
top: 0;
}
#centro {
margin-bottom: 30px; /* alto del pie */
}
#pie{
position:absolute;
bottom: 0;
height: 30px;
}

Añade las propiedades que necesites.
El div centro está pensado para que tenga el alto de su contenido, pero podrías hacerlo que ocupe toda la pantalla si te hiciera falta.
  #3 (permalink)  
Antiguo 22/01/2011, 20:06
 
Fecha de Ingreso: noviembre-2010
Mensajes: 47
Antigüedad: 7 años
Puntos: 2
Respuesta: Duda con divs

Ps si mal no entiendo lo que debes hacer es quitarle el float:left a la capa centro, puesto que hasta donde veo no necesitas flotar nada, con eso debería solucionarse

Saludos
__________________
www.exploralarevista.com
  #4 (permalink)  
Antiguo 22/01/2011, 20:07
 
Fecha de Ingreso: noviembre-2010
Mensajes: 47
Antigüedad: 7 años
Puntos: 2
Respuesta: Duda con divs

Ps si mal no entiendo lo que debes hacer es quitarle el float:left a la capa centro, puesto que hasta donde veo no necesitas flotar nada, con eso debería solucionarse

Saludos
__________________
www.exploralarevista.com

Etiquetas: Ninguno
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




La zona horaria es GMT -6. Ahora son las 15:48.