1 min de lectura

Cómo poner el footer hasta abajo con CSS

Sucede que tienes un sitio con poco contenido, y eso provoca que tu footer quede en la parte media de la página y no hasta abajo como sería lo esperado.
Bien, la solución es realmente sencilla y solo requiere unas cuentas reglas de CSS.

Reglas

  1. El body y el html deben tener un width de 100%
  2. Tu contenedor donde tienes metido todo el contenido de la página debe tener reglas que permitan definir el tamaño de alto.
  3. Tu contenedor debe tener un margen inferior restandole el tamaño de tu footer.

De modo que tu html quedaría algo así

Gracias a JuanJo por el tip. La ayuda la obtuve de este sitio: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Compartir
Licenciada en Informática con Maestría en Tecnologías de la Información. Docente por convicción con trece años de experiencia, desarrolladora desde hace nueve años trabajando actualmente con desarrollo WEB para alta disponibilidad, además de ser consultor independiente y capacitador. Participe del movimiento del software libre como fiel apasionada, reconocida por su actividad en la comunidad y su participación en la inclusión.

10 COMENTARIOS

DEJA UNA RESPUESTA

Please enter your comment!
Please enter your name here