Foros del Web » Creando para Internet » CSS »

Footer que o se come el contenido o se queda colgando

Estas en el tema de Footer que o se come el contenido o se queda colgando en el foro de CSS en Foros del Web. Hola!! Bueno os explico a continuación mi problema. Tengo una división que hace de footer el tema es: -Si lo pongo position relative: al aumentar ...
  #1 (permalink)  
Antiguo 27/08/2011, 19:14
 
Fecha de Ingreso: agosto-2011
Mensajes: 29
Antigüedad: 12 años, 8 meses
Puntos: 0
Footer que o se come el contenido o se queda colgando

Hola!! Bueno os explico a continuación mi problema.
Tengo una división que hace de footer el tema es:

-Si lo pongo position relative: al aumentar la ventana en altura sigue siempre en la misma posición, lo que hace que al aumentarla demasiado, se quede un hueco por debajo de la página.
-Si la pongo en position absolute y bottom:0px : al aumentar la altura obtengo el efecto deseado, que es que siempre esté al final, pero si la disminuyo se come el contenido.

Lo que quiero es que siempre esté al final pero al disminuir no se coma el contenido, y si pongo un margin top no funciona porque el contenido de cada página es distinto.

Estoy pensando ahora mismo hacer un fondo debajo del footer y repetirlo mmm.

Sabéis como directamente arreglarlo sin esta posible chapuza que tampoco se si sabré hacerla xD Gracias!
  #2 (permalink)  
Antiguo 27/08/2011, 21:58
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Footer que o se come el contenido o se queda colgando

mira el código de este ejemplo, a mi me ha funcionado bastante bien

-> clic aquí
  #3 (permalink)  
Antiguo 28/08/2011, 04:56
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Footer que o se come el contenido o se queda colgando

Tu problema se googlea con el nombre de "sticky footer".

Complementando la sugerencia de Ag666 (que funciona perfecto):
A este lo probé y doy fe que funciona: http://ryanfait.com/sticky-footer/
A este también y es excelente porque deja libre de trucos y limpito al html al basarse en jquery (necesita js activado para caminar): http://jsfiddle.net/cristian_cena/4awwx/

Saludos.
  #4 (permalink)  
Antiguo 29/08/2011, 01:45
 
Fecha de Ingreso: agosto-2011
Mensajes: 29
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Footer que o se come el contenido o se queda colgando

El de Ag666 no lo conseguí funcionar en mi caso, voy a probar tus soluciones cristian, a ver si lo consigo!

Edito: De momento lo he probado y sigue sin funcionarme ninguno :S no sé si será cosa de Drupal o yo que se, voy a seguir probando!

Edito2: Me rindo por hoy, he probado muchas cosas y ya no se si es que voy a tener que reestructurar la página desde el principio.

Última edición por janseven; 29/08/2011 a las 02:58
  #5 (permalink)  
Antiguo 29/08/2011, 10:08
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Footer que o se come el contenido o se queda colgando

Cita:
Iniciado por janseven Ver Mensaje
no sé si será cosa de Drupal o yo que se
seguro que no, porque siempre tenes la libertad de estructurar como quieras el html y darle en consecuencia los estilos necesarios.
Cita:
Iniciado por janseven Ver Mensaje
no se si es que voy a tener que reestructurar la página desde el principio.
Con seguridad que lo tendras que hacer.

Saludos, suerte.

Etiquetas: contenido, fondo, footer, queda
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 04:14.