<Footer> en page de page mais..

Bonjour,
J'ai fait ce CSS comme cela :

header {
	background: url(/images/style/header.png) 0 0 no-repeat; 
	height: 140px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 972px; /* pour centrer */
}
footer {
	clear: both;
	width: 100%;
	height: 90px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(/images/style/footer.png) 0 0 repeat; 
}

J'ai donc bien une entête, un pied de page et au milieu mon joli contenu "main". J'ai volontairement fixé le footer en bas de l'écran quelque soit le contenu.
Mais il arrive que mon contenu soit trop long et mon footer ne reste en position malgré que je descend le scroll.
Ma question, y'aurait-il une astuce pour que dans le cas où le contenu de "main" soit long, cela retire la position absolue de footer.
Je sais pas si je suis clair là

euh non pas trop clair

Bonsoir

à part en mettant le footer en relative il ne suivra pas ton contenu...

En revanche tu peux définir un min-height à ton main de façon à ce que cela reste propre

IE6 étant désormais reconnu comme hors service ça ne pose pas de problème.

IE, c'est quoi ?

Bon, ta réponse est clair.. position absolute, c'est pas bon.. Je change de fusil d'épaule
Merci !

Bonjour,

si j'ai bien compris ta demande, tu veux que le footer reste en bas de l'écran quel que soit le contenu et sa longueur ?

Si c'est bien cela, tu dois utiliser

position:fixed;

plutôt qu'absolute.

Wwhhaaa ! Enorme !
Je connaissais pas.
Super merci beaucoup.

Hello.

Avec le fixed, si ton contenu principal est plus long que la hauteur de la fenêtre, tu vas avoir la joyeuse surprise de voir ton footer passer par dessus. Une solution plus robuste: Page sur toute la hauteur de la fenêtre, avec pied de page en bas.
Modifié par Florian_R (29 Nov 2011 - 17:40)

Non, c'est bon avec le Fixed, j'avais justement ce problème avec le absolute d'où ma demande.
Met ton navigateur en 1024x768 et regarde où j'en suis : ma page ça marche bien.