Genau wie beim Header kann es interessant sein den Footer zu fixieren. Dies habe ich auf dieser Seite wie folgt umgesetzt:
@media all and (min-height: 20em){ footer{ position:fixed; bottom:0; } }
Um nicht mit dem Inhaltsbereich und dem Footer zu kollidieren wird nach unten etwas Abstand gehalten:
section{ margin-bottom:2em; }