Beachte:
Da der Footer eine zusätzlich auf das Design gesetzte Klasse ist, benimmt er sich nicht immer konform, d.h. er wandert nicht automatisch nach unten, wenn das Textfeld länger wird. Mit "position: absolute" würde er immer an derselben Stelle stecken bleiben. Außerdem würde sich der Footer bei jeder Auflösung an einer anderen Position befinden, da dein Design zentriert ist und es seine Position an der halben Bildschirmbreite orientiert. Daher habe ich den Footer auf "position: fixed" gesetzt und ihn an der Bildschirmmitte ausgerichtet.#
Aber genug Erklärung. Die Vorteile sind folgende:
1. Der Footer bewegt sich mit und bleibt nicht stecken.
2. Der Footer ist immer zu sehen, egal wie lang oder kurz der Content ist.
3. Der Footer behält seine Position im Design bei, egal bei welcher Auflösung.
Da du nun die Grafik im Footer hast, kannst du sie aus der content_bottom Klasse entfernen, da sie sonst doppelt zu sehen wäre.
Die
roten Werte musst du evtl. noch anpassen, da ich sie nur nach Gefühl gesetzt habe.
Hoffe, der Code hilft dir weiter.
Gruß
FK