Kommentare zu: Einmal Erdgeschoss bitte!

Von: Jojo

Jojo — Tue, 31 Aug 2010 16:45:11 +0000

Kann man die “margin-bottom” Angabe der Zeile “#content {margin-bottom: 1.5em; float: left;}” bei einem Footer mit unterschiedlicher Höhe irgendwie automatisieren?

Von: Footer immer unten anzeigen | funkygog Blog

Footer immer unten anzeigen | funkygog Blog — Mon, 31 May 2010 22:58:42 +0000

[...] Einmal Erdgeschoss bitte! [...]

Von: Tim

Tim — Tue, 15 Jul 2008 19:54:08 +0000

Die Lösung zu einem immer wiederkehrenden Problem. Vielen Dank.

Von: Nils Loeffel

Nils Loeffel — Fri, 27 Jun 2008 09:40:43 +0000

Allerbesten Dank für den Artikel, kein anderer Footer gefunden der so einfach zu realisieren ist :) danle.

Von: Daniel K.

Daniel K. — Mon, 11 Feb 2008 17:20:56 +0000

Update:

Ich löse dieses Problem wie auf alistapart.com mit ein wenig Scripting:
Das HTML besteht aus drei Block-Level-Elementen, Kopfzeile, Inhalt und Fußzeile. Das CSS setzt zur Vereinfachung padding/border/margin der Elemente (inkl. Body) auf 0. Ausserdem wird das Element, das den Inhalt beherbergt, auf “overflow:auto” gesetzt. Sonst benötigt man nichts, keine Hacks oder ähnliches.

Per Javascript wird einmalig nach dem Laden der Seite (window.onload) und nach jedem Resize (window.onresize) des Fensters der Platz berechnet, der für den Inhalt nach Abzug von Kopf- und Fußzeile übrig bleibt und dem Inhalt zugewiesen.

Auf diese Weise ist die Fußzeile immer zu sehen.

Von: Daniel K.

Daniel K. — Mon, 11 Feb 2008 15:13:50 +0000

Was mir noch fehlt:Wie verhindert man, dass der Footer verschwindet, wenn das Fenster zu klein für den Inhalt ist? In diesem Fall sollte der Inhalt (und nur der) mit einem Scrollbalken versehen werden.

Von: kathrin

kathrin — Fri, 09 Nov 2007 20:52:14 +0000

wenn man das Browserfenster vertical verkleinert, verschwindet der Footer trotzdem. Gibt es eine Lösung, dass der Content scrollbar wird und der Footer stehen bleibt?

Von: wolf

wolf — Tue, 11 Sep 2007 14:46:18 +0000

Stellt sich natürlich die Frage, warum man, wenn man von der Frickelei des Tabellenlayouts wegkommen möchte, nochmehr frickeln muss, weil die Herren des css-Konsortiums es für unwürdig gehalten haben, eine solche 0815-Funktion ins Repertoire der css-Möglichkeiten aufzunehmen.

Von: Andreas

Andreas — Wed, 06 Jun 2007 12:25:12 +0000

Danke, danke, danke! … und: Danke!! :)

Von: Layoutumsetzung - XHTMLforum

Layoutumsetzung - XHTMLforum — Sat, 28 Apr 2007 20:41:18 +0000

[...] Ich hab in der Zwischzeit flei�ig gegoogelt und zu meinem footer problem ein paar links gefunden: 29 Manuel Bieh – xhtml, css, webdesign … 22 � Einmal Erdgeschoss bitte! 198 The Man in Blue > footerStickAlt: A more robust method of positioning a footer footerStick [...]

Von: fidel

fidel — Mon, 07 Aug 2006 12:54:48 +0000

Meier Rudolf:
“Da rein eine Tabelle mit Höhe 100%,”

Genau das möchten wir doch nicht!?.. Ganz zu Beginn des Artikels:
“Früher … Als man noch Tabellen benutzte..”
–>??
Superidee! Bei mir stellt sich nun jedoch das Problem, dass ich nur den obersten div-Block auf die gesamte Höhe bringe. Bei einem dahinein “gewrappten” div Block funktioniert das nicht mehr…
Das Problem stellt sich so:

[div id="totalwrapper"]
[div id="mainwrapper"]
[div id="header"] [/div]
[div id="maincontent"]Blabla
[/div]
[div id="footer"][/div]
[/div]
[/div]
–>

Wenn ich nun für div#totalwrapper ein kachelndes Hintergrundbild angebe und ein anderes kachelndes Hintergrundbild für div#mainwrapper, so funktioniert das mit der 100% Höhe nur für den totalwrapper, jedoch nicht für den mainwrapper.
Trotzdem hilfreich!

Von: Mark

Mark — Thu, 20 Jul 2006 11:08:54 +0000

Und wie funktioniert das, wenn ich ein layout habe mit header, da drunter eine spalte für die navi, dann der content und da drunter der footer?

Das der Quellcode von einem CMS generiert wird hab ich da leider wenig einfluss drauf, die div´s sind folgendermaßen aufgebaut

[wrapper]
[header]
[/header]
[navigation]
[/navigation]
[content]
[/content]
[footer]
[/footer]
[/wrapper]

Danke und Grüße
Mark

Von: Meier Rudolf

Meier Rudolf — Fri, 16 Jun 2006 23:49:20 +0000

Ich habe glaube ich eine bessere Lösung. Angefangen habe ich mit deinem Code. Nach ein paar Stunden Rumprobieren habe ich jetzt aber eine einfachere Lösung, die mir besser gefällt. Und bisher konnte ich noch keinen Fehler daran finden.
Probier mal das: HTML und BODY auf Höhe 100% stellen. Da rein eine Tabelle mit Höhe 100%, welche 1 Spalte und zwei Zeilen hat. In die obere Zeile steckst du die Webseite (vertical-align:top noch setzen) und in die untere die Fusszeile (vertical-align:bottom). Ich habe als Fusszeile eine Tabelle mit einer fixen Höhe und der Breite 100% genommen… scheint alles zu klappen (IE 6 und FireFox 1.5).

Von: uehsi

uehsi — Sat, 22 Apr 2006 15:24:44 +0000

Vielen Dank,
ich hab deine Anleitung versucht, auf einen WordPress-Blog zu übertragen. Ich hätte nie damit gerechnet, dass es funktioniert :) Das einzige Problem ist nun, dass der Footer nicht dargestellt wird. Der Content fließt also bis Browserkante unten, der gestaltete Footer allerdings scheint verschwunden. (http://www.classic-gti.de ist der Blog um den ich rede)

Ich danke trotzdem für die Anleitung! Mfg Uehsi

Von: Marc Zahn

Marc Zahn — Mon, 03 Apr 2006 12:38:50 +0000

Der am besten funktionierende Footer, den ich bisher hatte.

Übrigens, gibt man dem umfassenden Div ein border-bottom, wandert der Footer im Opera zumindest mit nach unten. Allerdings zum Preis einer ständig vorhandenen 1px-Scrollleiste…

Von: Jann

Jann — Fri, 21 Oct 2005 08:42:49 +0000

Danke für diesen ausführlichen Artikel! Muss ich direkt mal in der Praxis umsetzen…

Von: Manuel

Manuel — Tue, 11 Oct 2005 20:12:26 +0000

Ja, die Frage ist garnich schlecht.

1. Hatte ich garnich an den Artikel vom blauen Mann, und seine Existenz gedacht *g*

2. »footerStick example with long content (buggy)« — Sieht zwar semantischer aus als meins, dafür aber buggy. Ganz Fehlerfrei ist meins zwar auch nicht, wenn man mal hier im Weblog die Live-Vorschau anschaut, aber im großen und ganzen ists frei skalierbar.

3. Hatte bisher keinen vernünftigen deutschen Artikel gefunden bei dem das Thema behandelt wird. Und wegen Webkrauts und so dacht ich mir … ;) Nee, da die Frage letztens (mal wieder) im xhtmlforum auftauchte wie man’s macht, dachte ich mir, haste Zeit, schreibste einen.

Von: Jens Grochtdreis

Jens Grochtdreis — Tue, 11 Oct 2005 19:53:36 +0000

Sieht interessant aus. Aber was ist gegen footerStickAlt zu sagen ?