Footer ausrichten - nur wie

[Phil Marx]

Nabend ihrs!
Folgendes Problem: http://yubb.homeip.net/versuch/test.html

Wie man aus der Beispielseite ersehen kann, hab ich sie mit mit meinen langsam steigenden CSS-Erfahrungen recht gut hinbekommen (zumindest bis nun).
Nun habe ich eine Fußzeile, die natürlich am Ende der Seite stehen soll. Problem ist aber das "Wie?".

Und das ist meine Frage: Wie bekomme ich mit <div>'s den Footer unter den Inhalt, unabhängig davon, wie lang dieser ist?

[Maximilian Baumgart]

Hallo Phil,
Ich versteh' deine Frage nicht ganz, du hast den Seitenfuß doch scon unter dem Inhalt. Andererseits aber duch absolute Positionierung, wodurch er natürlich immer an diesher Stelle bleibt, auch wenn der inhalt die Fensterhöhe überschreitet. Wenn du willst, das de Seitenfuß immer am unteren Fensterrand bleibt, benutze "position:fixed". Willst du ihn ganz unten am Ende des Inhaltes auf der Seite haben, benutze "position:static".
MfG,
Max.

[Phil Marx]

Hallo!
Janee, ich friemel so nebenbei noch dran rum, Quelltext ist nun so, wie er gerade eben auch sein sollte...

Mit static hab ich es auch schon probiert, dann klebt der Footer unterhalb der Haupt-Naigation (versteckt von Nebennavigation und Inhalt)...
Hast du evtl. noch eine Idee?

[Ingo Turski]

Hi,

Mit static hab ich es auch schon probiert, dann klebt der Footer unterhalb der Haupt-Naigation

weil diese über die Positionierung ausd dem Textfluß genommen ist. Übrigens ist static der default, also keine Positionierung.

Was ich da sehe, ist aber ein ganz simples Zweispaltenlayout mit Header und Footer. Streiche sämtliche Angaben zu position und ersetze sie durch float und margin und gebe dem footer ein clear mit, dann passt das auch. Ein auf das Wesentliche reduziertes Beispiel zum herumspielen: http://www.1ngo.de/web/css-layout.html.

freundliche Grüße
Ingo

[Phil Marx]

Ein auf das Wesentliche reduziertes Beispiel zum herumspielen: http://www.1ngo.de/web/css-layout.html.

Das ist ja eine witzige Seite, danke, damit lässt sich was anfangen... Super :)