Mantener footer siempre debajo teniendo contenido dinámico

[madman_18]

Buenas tardes!

Tengo un problemilla: tengo en mi web un footer que siempre debe permanecer debajo, pero.... mi contenido es dinámico, es decir lo mismo puede medirme 800px que 300px.

¿Cómo tendría que modificar mi footer para que se cambiase según el tamaño del bloque?

Ahora mismo mi código es tipo como el que ponen por aquí http://www.luisherrero.es/el-footer-...re-esta-abajo/

Salvo que mi footer es de 235px de ancho

[Crazylegs]

Hmm y no te serviría con un:

Código CSS:

position:fixed;
left:x;
top:y;
 

?

[madman_18]

Iniciado por Crazylegs

Hmm y no te serviría con un:

Código CSS:

position:fixed;
left:x;
top:y;
 

?

Mmmmm no me serviría.

No tiene que ser una barra "fija" sino que siempre esté abajo del contenido, no sé si quizás con un relativa me serviría...voy a probar y os cuento

[pzin]

¿Esto dices? http://www.cssstickyfooter.com

[catucux]

Usas html5? Si es asi lo que puedes configurar la etiqueta footer.

Quedaria algo asi:

Código HTML:

<footer>
     <section>
           Mi contenido para el footer.
     </section>
</fooer>
 

Y tu css quedaria asi:

Código CSS:

footer{
    width: 100%;
    min-height: 50px;
    display: block;
}
 
footer section{
    width: 750px;
    margin: 0 auto;
}
 

Nota: Para que quede siempre abajo todos los bloques que utilizaste en tu sitio web (section, div) deben estar en "display:block" si tienes alguno con "float:left" no funcionara.

Saludos.

[Crazylegs]

En mi blog he escrito una pequeña entrada sobre el tema, con HTML4:

http://programacionwebmix.wordpress.com/2013/10/24/posicionar-footer-al-final-de-la-pantalla/