Footer collé en bas et qui ne remonte PAS

Bonjour,

J'ai un problème de footer. J'ai crée une page et je voulais que mon footer reste "collé" en bas au navigateur voici mon code :

#footer {
margin:0;
padding: 0;
bottom: 0;
position:absolute;
display:block;
width:1100px;
height:40px;
background:#d51b64;
}

Nickel, ca fonctionne ) Quand j'étire la fenêtre de mon navigateur le footer reste bien "collé" en bas.

CEPENDANT, quand je rétrécie ma fenêtre, le footer est toujours présent et vient masquer le contenu du site ALORS que je voudrais qu'à un certain niveau quand il atteint le contenu (content), le footer reste fixe et ne remonte plus, qu'il disparaisse.

J'espère que j'ai été claire car c'est pas évident à expliquer...

Si vous avez une solution à mon problème, je suis preneuse !

Merci beaucoup

Bonjour,

je vous conseille de lire ce post qui remplira vos attentes

bonjour,

tu essaie position:fixed, bottom:0
ça devrait marcher.

A+

J'ai essayé position:fixed mais ça ne marche pas non plus... quand je diminue la fenêtre il reste toujours présent...

Je vais lire le post... merci !

Salut


Il faut que tu architecture html soit clair,

le footer est la dernière div dans la div conteneur (imaginons que la div conteneur a une taille fixe, center au milieu de la page) sur le footer il faut qu'il fasse la taille du la div conteneur avec un clear:both et un float:left. pour moi ça marche.

Non pour moi ça ne marche tojours pas...je dois avoir un problème de div dans mon HTML je pense.

En fait mon conteneur n'est pas une div mais une section du type :

<section id="content"> ... </section>

Et mon footer : <div id="footer"> ... </footer>


Et je sais toujours pas comment faire

Pardon faute de frappe je voulais dire :

Et mon footer : <div id="footer"> ... </div>