Sticky footer

Caler le footer en bas de la fenêtre quelque soit la longueur de la page

Ce code force le footer à être caler sur le bas de la page même si le contenu est très court.

Le code HTML

<body>
  <div id=container>
    <!-- Contenu de la page -->
    <div class=push></div>
  </div>
  <div id=footer>
    <!-- Contenu du pied de page -->
  </div>
</body>

Le code CSS

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
   height: 60px;
   clear: both; /* .push must be the same height as .footer */  
}

Forcer www ›