{"id":383,"date":"2009-10-19T14:18:00","date_gmt":"2009-10-19T17:18:00","guid":{"rendered":"http:\/\/aleare.com.ar\/web\/footer-siempre-a-tus-pies\/"},"modified":"2025-03-01T18:20:42","modified_gmt":"2025-03-01T21:20:42","slug":"footer-siempre-a-tus-pies","status":"publish","type":"post","link":"https:\/\/aleare.com.ar\/blog\/footer-siempre-a-tus-pies\/","title":{"rendered":"Footer siempre a tus pies"},"content":{"rendered":"
<\/div>

Como freelancer, a veces me tocan desarrollos que son todo un desaf\u00edo. En esta ocasi\u00f3n, me pidieron un Footer que siempre quede sobre la base del navegador, algo as\u00ed como el de Facebook. Por supuesto, fui a la f\u00e1cil: le agrego position: absolute y luego z-index para que siempre quede arriba, y todos felices. El tema es que no siempre queda al final de todo cuando el contenido es din\u00e1mico. \u00bfY ahora?<\/p>\n

Buscando ejemplos en la web, me encuentro con un par de sitios que prometen con solo el buen uso del CSS, hacer que nuestro footer quede siempre en la base de la ventana del navegador. Ok, lo prob\u00e9, y voil\u00e1, qued\u00f3 div\u00e1in!! Pero ojo a la diferencia: el Footer queda siempre en la base pero no es visible si el contenido supera el tama\u00f1o de la ventana del navegador (o sea que hay que scrollear para verlo). Pero si hay poco contenido… tambi\u00e9n se queda pegadito a la base. La diferencia con el footer de Facebook est\u00e1 en la posici\u00f3n: absoluta o fija.<\/p>\n

Lo mejor de esto es que no es necesario usar ning\u00fan script, todo se logra con CSS puro y tampoco necesita hacks, es v\u00e1lido para todos los navegadores… s\u00ed, inclusive para los IE’s desde el 5.5 en adelante.<\/p>\n

Ver ejemplos, demos y c\u00f3digo en: Boag World<\/a> | Get down!<\/a><\/p>

<\/a><\/div><\/div>\n
Te puede interesar:<\/em>
\nC\u00f3mo Insertar un feed RSS en una web HTML<\/a><\/strong><\/em><\/div>\n

Sean felices y viva la vida de freelancer<\/p>\n

_<\/span><\/span><\/span><\/b><\/p>\n