Foros del Web » Diseño web » CSS »

Cómo poner el footer sieMpre abajo??

Estas en el tema de Cómo poner el footer sieMpre abajo?? en el foro de CSS en Foros del Web. Hola!! Estoy desarrollando mi primera web con css y tengo la siguiente duda: He creado varios divs y uno de ellos es el footer, Cómo ...
  #1 (permalink)  
Antiguo 27/09/2009, 17:24
 
Fecha de Ingreso: febrero-2009
Mensajes: 12
Antigüedad: 5 años, 6 meses
Puntos: 0
Cómo poner el footer sieMpre abajo??

Hola!!
Estoy desarrollando mi primera web con css y tengo la siguiente duda:
He creado varios divs y uno de ellos es el footer, Cómo hago para que permanezca siempre debajo del todo sin mezclarse con los divs anteriores a él??

En total he creado:
un div página (q engloba todo)
un div cabecera (la cabecera superior)
un div navegación (en la izquierda para botones)
un div contenido ( central)
un div links (derecha)
y el footer.

La cuestión es q cuando escribo texto en el contenido, el div éste se mezcla en su parte inferior con el footer. Por lo tanto tendría q estar moviendo siempre elfooter de sitio.

He probado con bottom: 0px; y se me va para arriba del todo.

Gracias!!
  #2 (permalink)  
Antiguo 27/09/2009, 17:36
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 325
Antigüedad: 5 años, 4 meses
Puntos: 19
Respuesta: Cómo poner el footer sieMpre abajo??

Prueba a darle al #footer clear:both y por aquí tienes algunos ejemplos para que permanezca siempre abajo en la ventana del navegador aunque tengas poco contenido:

Sticky Footer y en la página de uno de los colaboradores del foro Araudi.net.

Salud!
  #3 (permalink)  
Antiguo 27/09/2009, 20:12
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.015
Antigüedad: 5 años, 5 meses
Puntos: 101
Respuesta: Cómo poner el footer sieMpre abajo??

Que elementos de tu pagina tienen position: absolute?

Para que no se superpongan, debieras evitar sacarlos de su posicion relativa, hasta que les tomes la mano a estas cosas al menos.
  #4 (permalink)  
Antiguo 28/09/2009, 03:00
 
Fecha de Ingreso: febrero-2009
Mensajes: 12
Antigüedad: 5 años, 6 meses
Puntos: 0
Respuesta: Cómo poner el footer sieMpre abajo??

Cita:
Iniciado por mayid Ver Mensaje
Que elementos de tu pagina tienen position: absolute?

Para que no se superpongan, debieras evitar sacarlos de su posicion relativa, hasta que les tomes la mano a estas cosas al menos.
Todos tienen absolute menos el div principal (el que engloba todo) que tiene relative para que permanezca la we centrada.
  #5 (permalink)  
Antiguo 28/09/2009, 03:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.243
Antigüedad: 7 años, 11 meses
Puntos: 278
Respuesta: Cómo poner el footer sieMpre abajo??

Mira en esta FAQ de CSS, que seguramente te servirá de orientación sobre cómo hacerlo.
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 03:24.
SEO by vBSEO 3.3.2