Allez un petit article pour solutionner un problème bien connu des intégrateurs, à savoir comment faire coller le footer d’un site web en bas de la fenêtre du navigateur, on parle aussi de sticky footer. Il existe pas mal de solutions qui utilisent le CSS et HTML, mais aussi pour certaines du JavaScript.
Pour ma part je me suis tourné vers une solution CSS+html la plus simple possible, celle de Ryan Fait qui est la plus facile à mettre en place et surtout totalement cross-browser. Effectivement cette solution est décriée par certains puristes car elle utilise une DIV vide afin de pousser le footer en bas du navigateur et donc une utilisation non sémantique de cette balise. Mais de part sa simplicité de mise en place elle reste la solution la plus utilisée.
Voila le code légèrement retouché afin de vous assurer une compatibilité maximale (reset des marges uniquement)![]()
Ryan Fait utilise un reset global de la propriété margin , mais il est tout à fait possible d’utiliser un Reset CSS
D’autres solutions sont aussi disponibles :
http://www.cssstickyfooter.com/fr
