Foros del Web » Creando para Internet » CSS »

El footer no se quiere quedar abajo...

Estas en el tema de El footer no se quiere quedar abajo... en el foro de CSS en Foros del Web. Bueno, el titulo ya es bastante descriptivo... Mi pagina esta principalmente conformada por divs flotantes, son como diferentes 'bloques' los principales alineados a la izquierda, ...
  #1 (permalink)  
Antiguo 19/08/2009, 13:30
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 9 años
Puntos: 21
Exclamación El footer no se quiere quedar abajo...

Bueno, el titulo ya es bastante descriptivo...

Mi pagina esta principalmente conformada por divs flotantes, son como diferentes 'bloques' los principales alineados a la izquierda, con un ancho de 600px y los otros alineados a la derecha.

La idea principal era que el footer se quedara en el centro y ocupara todo el ancho del contenedor, pero me volvi loco tratando de hacer eso, asique lo alinee a la izquierda, abajo de los bloques.

el codigo css del footer es...

Código css:
Ver original
  1. #footer {
  2. width: 620px;
  3. border: 1px solid #c9c9c9;
  4. float: left;
  5. margin-top: 30px;
  6. margin-left: 10px;
  7. margin-bottom: 10px;
  8. text-align: left;
  9. background: url(background.jpg);
  10. }

Lo que quiero es, principalmente hacer que el footer se quede abajo, ocupando todo el ancho del contenedor.


El problema con ese footer, el que uso ahora... es que si los bloques de la izquierda son menos altos que los de la derecha, el footer queda mas 'arriba' que los de la derecha y se ve feo...

Desde ya, gracias.
  #2 (permalink)  
Antiguo 19/08/2009, 13:39
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: El footer no se quiere quedar abajo...

Verifica si en esta pagina encuentras lo que buscas http://www.araudi.net/
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 19/08/2009, 13:54
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 9 años
Puntos: 21
Respuesta: El footer no se quiere quedar abajo...

Umm nop... no me sirvieron los ejemplos de ahi, es que al ser todas capas flotantes se superpone el footer.
  #4 (permalink)  
Antiguo 19/08/2009, 16:58
 
Fecha de Ingreso: diciembre-2008
Mensajes: 56
Antigüedad: 9 años
Puntos: 1
Respuesta: El footer no se quiere quedar abajo...

Bioxido, creo que te has dado la respuesta tu mismo, solo tienes que jugar con el z-index, añadir más z-index a la capa que aparece por debajo.
Un saludo.
  #5 (permalink)  
Antiguo 19/08/2009, 18:39
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 9 años
Puntos: 21
Respuesta: El footer no se quiere quedar abajo...

Voy a probar, despues les comento...

Aunque no se si servira, creo que va a quedar igual, que el div flota los otros... ya vamos a ver ;)

Gracias.
  #6 (permalink)  
Antiguo 19/08/2009, 20:17
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: El footer no se quiere quedar abajo...

probá con lo siguiente:

#footer{
clear:both;
}

esta propiedad hace que el footer (q es un div) no permita que se flote nada a su alrededor.

Recuerda jugar con las propiedades margin-bottom y padding-bottom de ser necesario

mira esta página que encontré recien:
http://www.cssblog.es/fixed-footer-b...ss-definitivo/

Saludos!

p/d: espero te sirva, cualquier duda postea el código asi no tenemos que des-encriptarte XD.
  #7 (permalink)  
Antiguo 19/08/2009, 20:44
Avatar de bioxido  
Fecha de Ingreso: diciembre-2008
Ubicación: $_SERVER['PHP_SELF']
Mensajes: 601
Antigüedad: 9 años
Puntos: 21
Respuesta: El footer no se quiere quedar abajo...

Uff...tan pocas letras pueden hacer tanto jaja... ya esta, solucioado clear:both; era la solucion... muchisimas gracias.


El codigo no lo postee por que era bastante largo y por...principios xD lo escribi cuando aún estaba aprendiendo asique es un desastre. (todavia estoy aprendiendo igual...)
  #8 (permalink)  
Antiguo 22/08/2009, 08:41
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: El footer no se quiere quedar abajo...

De nada, ¿principios? jaja, tal vez mañana nos saques de apuro
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 13:03.