Ich hatte lange gerätselt, wie man es bewerkstelligen kann, dass ein Footer, also der Fußbereich einer Webseite, immer bis zum unteren Browserende reicht, auch wenn die Seite eine geringe Höhe hat.
Ich habe das irgendwie mit einer prozentualen Mindesthöhe des Inhaltsbereiches hingefummelt bekommen, aber gerade elegant war das nicht, denn dann hatte der Inhaltsbereich viel Leerraum bis zum Beginn des Fußbereiches. Schöner wäre es ja, wenn der dunkler eingefärbte Fuß eben direkt am Ende des Inhaltstextes begänne, aber dann nicht irgendwie »in der Luft« hinge.
Eine Lösung habe ich kürzlich bei Stadtpirat gefunden. Nico Knoll beschreibt in seinem Blog, wie man das Problem per CSS lösen kann (danke schön!). In seinem Beispiel handelt es sich um einen Footer, der sich über die gesamte Breite des Browserfensters aufspannt. Mit einem in der Breite begrenzten, mittig ausgerichteten Footer müsste es aber auch gehen. Das muss ich noch ausprobieren.
Jedenfalls habe ich den in Nicos Blog beschriebenen Trick auf der Website der Hindenburgstraße Remscheid umgesetzt. Meistens sind dort die Inhalte ziemlich hoch, sodass man scrollen muss, aber in einigen Fällen gibt es auch kurze Seiten. Wenn man einen großen Bildschirm hat (beispielsweise 1920 x 1080 Pixel), kann man den Effekt ganz gut beobachten.