Hallo,
Bekomme es nicht auf die Reihe, mit CSS einen gescheiten Footer zu erstellen. Grundbedingung ist, dass der Content-Teil in seiner Höhe variiert - d.h. er kann beispielsweise nur 20px groß sein (oder auch 10000px; je nach Inhalt).
Unabhängig davon soll der Footer IMMER am Ende der gesamten Seitenansicht stehen... d.h. bei leerer Seite (Beispiel mit 20px) dennoch unten im Browserfenster und im Scrollfall am Ende dem Content folgen.
Habe keine Möglichkeit gefunden: Absolute oder Fixe Positionierung des Footers (bottom:0) scheiden mehr oder minder aus, da der Footer nicht mitscrollt.
Hilfe wäre nett.
Danke
Etwa so:
[code]
<div id="content">Inhalt</div>
<div id="footer">Footer</div>
#content {height: 100%; margin-bottom: -50px;}
#footer {height: 50px;}
[/code]
Habs getestet (IE6).
die 100% Größenangabe ist außer im IE nicht variabel. Geht also nicht - der Footer würde trotzdem nicht mitscrollen und bei mehr als 100% Fenstergröße an einer Stelle bleiben (außerdem überdeckt er den fortlaufenden Content).
moinsen,
eventuell hilft dir das hier weiter:
http://www.alistapart.com/articles/footers
so funktionierts (zumindest in safari, firefox und opera... einige versionen vom win ie wollen nicht so wie ich)
#footer {
position : fixed;
bottom : 0;
width : 770px;
height : 15px;
}
Das sieht doch ganz passabel aus: http://www.manuelbieh.de/www/blog/einmal-erdgeschoss-bitte
ich sag nur:
http://aktuell.de.selfhtml.org/artikel/css/footer/
Seitentitel: CSS - Konstaner Footer bei variabler Contenthöhe