Willkommen auf dem Portal für Mediengestalter

Kipperlenny · Threadersteller

Moin Moin

Nach diversen Versuchen und Lösungsansätzen aus dem Netz die vielleicht das Problem lösten aber neue schufen nun zu Euch Lächel

Auf Bildungshaus Preetz ändere ich gerade das Design - und habe ein Problem mit dem Footer - und zwar ist er nicht am unteren Bildrand, wenn die Auflösung (Höhe) zu hoch oder der Inhalt zu niedrig ist. Wenn ich ihn am unteren Bildrand habe, dann überlagert er aber den Content (wenn die Auflösungshöhe zu gering oder der Inhalt zu lang ist).

Hier noch ein Bild des Problems (sieht man schlecht, aber der rote Halbkreis ist nicht am Fensterrand):

Nach diesem Design 'Gerüst' bin ich vorgegangen: http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm
Und das hier habe ich (bzgl. Footer Problem) nicht umgesetzt bekommen (im Nachhinein), da es dann den Content überlagerte: http://peterned.home.xs4all.nl/examples/csslayout1.html

Hoffe Ihr könnt helfen *zwinker*

lenny

ChrisKam · **Verfasst** Mo 24.09.2012 09:17 **Titel**

Suchbegriff für dieses Problem lautet "Sticky Footer". Die ersten paar Hits dürften klappen *Thumbs up!*

https://www.google.de/search?q=sticky+footer

Kipperlenny · Threadersteller

Danke dir, das (http://ryanfait.com/sticky-footer/) hat schon mal geholfen - allerdings zeigt mir der Firebug jetzt:

Kipperlenny · Threadersteller

Gelöst - es gab einen div innerhalb von "wrapper" welcher ein "margin-top: -15px" hatte - dadurch war der body (interessanterweise) 15px nach unten verschoben. Außerdem habe ich das "margin-top: 0px !important" als Inline Style in den <html> Tag geschrieben.

Willkommen auf dem Portal für Mediengestalter

Thema: Footer, Min-Height - das Problem was alle haben... vom 24.09.2012

Footer, Min-Height - das Problem was alle haben...