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

[Sticky Footer](http://ryanfait.com/sticky-footer/ "Sticky Footer")

[Mirror](https://www.bananas-playground.net/archiv/website/20-Sticky-Footer-with-css.png)

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 */
    }

Apr 19 2007 © https://www.bananas-playground.net 2000 - 2025