El footer no se quiere quedar abajo...

bioxido · #1 (**permalink**) 19/08/2009, 12:30

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#footer {
width: 620px;
border: 1px solid #c9c9c9;
float: left;
margin-top: 30px;
margin-left: 10px;
margin-bottom: 10px;
text-align: left;
background: url(background.jpg);
}

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.

abimaelrc · #2 (**permalink**) 19/08/2009, 12:39

Verifica si en esta pagina encuentras lo que buscas http://www.araudi.net/

bioxido · #3 (**permalink**) 19/08/2009, 12:54

Umm nop... no me sirvieron los ejemplos de ahi, es que al ser todas capas flotantes se superpone el footer.

txusweb · #4 (**permalink**) 19/08/2009, 15:58

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.

bioxido · #5 (**permalink**) 19/08/2009, 17:39

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.

cristian_cena · #6 (**permalink**) 19/08/2009, 19:17

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.

bioxido · #7 (**permalink**) 19/08/2009, 19:44

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...)

cristian_cena · #8 (**permalink**) 22/08/2009, 07:41

De nada, ¿principios? jaja, tal vez mañana nos saques de apuro