Positionnement du pied de page en bas avec CSS

De nombreux développeurs rencontrent des problèmes lorsqu'ils tentent de positionner un pied de page en bas d'une fenêtre de navigateur. Malgré diverses techniques suivies, le pied de page peut apparaître au milieu à la place. Voici une solution à ce problème courant pour Firefox et Internet Explorer.

Code CSS

Le code CSS suivant collera effectivement le pied de page en bas du navigateur :

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

Explication

1. position : absolue; : supprime le pied de page du flux de documents normal, lui permettant d'être positionné indépendamment.
2. bottom : 0; : Définit le bord inférieur du pied de page à zéro, ce qui le positionne en bas de la window.
3. width : 100 %; : garantit que le pied de page s'étend sur toute la largeur de l'écran.

Structure HTML

Assurez-vous que votre structure HTML contient un

  ...