Trucos CSS: pie de página fijo

20 10 2008
pie de página fijo

Trucos CSS: pie de página fijo

El contenido de este Post, ahora está en el Blog de Diseño Web Gloobs


Acciones

Information

13 responses

20 10 2008
Davicine

Te he conocido en 20 minutos pues concurso , aunque en cine, y me alegra revisar Blogs, pues me parece un Blog genial, tanto para mis favoritos de internet como de votaciones.

Trabajo en diseño web y siempre me gusta revisar este tipo de Blogs. Enhorabuena… en serio.

20 10 2008
gloobs

Muchas gracias, comentarios como el tuyo ayudan a seguir 😉

23 10 2008
mario

Me ha gustado mucho el pie fijo, pero como lo haces en un diseño de tipo
de cabezal, tres columnas de contenido y un pie?? A las tres columnas le he puesto el padding-bottom: 40px; pero aun así el pie ni siquiera sale 😦
gracias y saludo

24 10 2008
gloobs

Prueba a meter las tres columnas dentro del contenedor-contenido y dime si te vale. En teoria no deberías de tener ningún problema.
saludos.

14 11 2008
leo

Hola sabes que probe el ejemplo y no me funciona, no se ve centrado, sabes porque sera. Y otra cosa, como puedo hacer para que se vea una imagen de fondo que ocupe toda la pantalla.
Saluods

14 11 2008
gloobs

Comprueba el código, algo se te ha debido de quedar en el aire. En cuanto a la imagen de fondo que ocupe toda la pantalla ten cuidado, si me estás hablando de una imagen y no de un mosaico que se va a repetir, va a ser una imagen que tarde mucho en cargar por su tamaño. Te recomiendo que busques, simplifiques y metas algo menos pesado.

saludos.

27 11 2008
Andalbor

El ejemplo está muy bueno, pero tuve que amoldarlo a la estructura de mi sitio. Me costó un poco, pero gracias a este pequeño artículo lo pude lograr.

Muchas gracias 😉

30 12 2008
Tote

Hola. Me ha encantado esto. Poco a poco van saliendo cosas sorprendentes y muy útiles. Tengo pensado hacer una web y la primera pagina será corta y esto es lo que me interesa. Pero tengo un problema, y es que en mi css tengo una cabecera uqe arrastra todo hacia abajo.

24 07 2009
Alius

Hola, en las pantallas de tamaño normal la verdad es que me ha funcionado genial. Pero tengo un problema con las páginas que son largas y tienen scroll, al bajar el scroll el pie se queda fijo por lo que se sube a la parte de arriba de la pantalla….que puedo hacer???

24 07 2009
gloobs

uf… pues no debería. Si ves el ejemplo en (http://qrayg.com/learn/code/footerstick) verás que es una página con scroll y que el pie no se mueve.
Revisa bien los contenedores, y pásale el validador de html, quizás se te quedó algún div sin cerrar….

Suerte !!

3 05 2010
Anyelo Roy

Saludos, soy nuevo en esto de los DIV, y me gustaria que me expliques como puedo hacer una pagina en la cual tenga el header, un a la izquierda un navigator o algo, justo al lado el contenedor de la pagina, y al final el footer, ahora he intentado pero siempre el footer me aparece arriba, la pagina inicialmente no contiene mucho contenido, luego de elegir una opcion el footer se coloca al final, como hago para que el footer siempre este al final de la pagina con o sin contenido???

3 05 2010
Omar Benyakhlef Domínguez

Hola Anyelo,
en el post tienes un ejemplo práctico de cómo funciona el pie de página fijo, te recomiendo que si tienes problemas, entres en http://qrayg.com/experiment/footerstick/ , te copies el código y sobre él comiences a meter tus estilos.
Suerte !!

4 05 2010
Anyelo Roy

Gracias, voy a probar luego te cuento, que tal me fue.

Replica a Davicine Cancelar la respuesta