header y footer css

[juanla]

Hola, bueno, mi situación es esta, quiero hacer una aplicación web, y me gustaría dividirla en 3 partes. Header, (contenido) y Footer.

<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>


Pienso incluir 1 archivo header y otro footer en las páginas, para no repetirlos (es lo lógico supongo) y un CSS, para definir el header no tengo problemas, pero me gustaría que el footer quedará abajo del todo haya lo que hubiera en "content", fuera algo así.

Código:

Encabezado (pongamos 100px)
------------------------
Contenido. (Esto podría variar)
------------------------
Footer (pongamos 100px)

La cuestión esque quiero fijar mi footer bien abajo de la página, probé ponerle un margin-bottom:0px; pero no funcionó, esque algunas páginas de esa aplicación llevaran poco o casi nada en "contenido" y el footer se me sube mucho, espero que me hayan entendido, gracias.

[kseso?]

Esa estructura es conocida (entre otras formas) por "pie (siempre) abajo".

Si utiliza esa combinación, similar o traducida, seguro que encontrará documentación y ejemplos al respecto.

Ahora de memoria recuerdo dos realizaciones:
La de Mikel Morote (aka Mikmoro) en su página www.araudi.net
Una mia en css.devillasbuenas.es

Posíblemente Stuart Nicholls en www.cssplay.co.uk y Matthew James Taylor en http://matthewjamestaylor.com/ también. Pero no se lo garantizo.


Atentamente

[juanla]

Vaya, es justo lo que necesitaba, pensaba que no me había explicado bien :) Me sirvió tu respuesta.