Sticky Footer with css

Kommentieren Apr 19 2007

 

Hier ein CSS Code mit dem man einen “Sticky Footer” erstellen kann. Soll mit allen neueren Browsern laufen.

Sticky Footer

Mirror

Hier is auch der Code falls die Seite mal offline gehen sollte:

/* STICKER - A valid, easy to use CSS sticky footer by Ryan Fait
This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!
Copyright (c) 2006-2007 Ryan Fait
*/

* {
    margin: 0;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em; 
/* the bottom margin is the negative 
value of the footer's height */
}

.footer, .push {
    height: 4em; /* .push must be the same height as .footer */
}