CSS: Faire le pied de page toujours au bas de la page, même sur de défilement

J'ai donc rencontré ce problème avec mon pied de page. En gros, j'ai réussi à faire en sorte que le pied de page s'affiche toujours au bas de la page web...lorsque le contenu du site n'a pas l'atteindre. Toutefois, lorsque le contenu atteint le pied de page, vous avez évidemment besoin de faire défiler vers le bas. Mais, lorsque vous faites défiler le pied de page des séjours ont été il est. C'est avec une position absolue.

Ainsi, j'ai changé la position fixe de regarder cela de cette façon. Le pied de page afin de toujours rester au bas de la page, mais quand vous il y reste même sur de défilement.

Ce dont j'ai besoin est pour le pied de page pour être TOUJOURS au fond du contenu, SAUF si le contenu n'est pas assez pour remplir l'écran de l'utilisateur, auquel cas le pied de page se déplace vers le bas de l'écran. Mon CSS pour le pied de page est ci-dessous. Des idées?

footer{
    position: fixed;
    height: 40px;
    background-color: #F1F0EE;
    color: #999;
    bottom: 0;
    width: 100%;
    padding-top: 10px;
    text-align: center;
}

Merci beaucoup à l'avance.

  • Je pense que vous avez besoin d'utiliser JavaScript pour faire cela
  • Pour être honnête, j'ai déjà penser à cela, mais avant que je suis allé de l'avant avec tout ce que je voulais assurez-vous il n'y a rien à faire avec les css. La honte que vous ne pouvez pas vraiment. Merci pour la réponse. Je pense que je vais le garder comme corrigé, car il n'est pas un mauvais résultat et il y en a seulement un couple de pages avec des masses de contenu. Merci en tout cas
InformationsquelleAutor Rhys Jones | 2013-12-03