Fußzeile unten mit CSS positionieren

Viele Entwickler stoßen auf Probleme, wenn sie versuchen, eine Fußzeile unten in einem Browserfenster zu positionieren. Trotz der Anwendung verschiedener Techniken kann es vorkommen, dass die Fußzeile stattdessen in der Mitte erscheint. Hier finden Sie eine Lösung für dieses häufige Problem für Firefox und Internet Explorer.

CSS-Code

Mit dem folgenden CSS-Code wird die Fußzeile effektiv am unteren Rand des Browsers angezeigt:

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

Erläuterung

1. position: absolute;: Entfernt die Fußzeile aus dem normalen Dokumentfluss, sodass sie unabhängig positioniert werden kann.
2. bottom: 0;: Setzt den unteren Rand der Fußzeile auf Null, wodurch sie unten positioniert wird des Fensters.
3. Breite: 100 %;: Stellt sicher, dass sich die Fußzeile über die gesamte Breite des Bildschirms erstreckt.

HTML-Struktur

Stellen Sie sicher, dass Ihre HTML-Struktur ein

  ...