Wie positioniere ich eine Fußzeile am unteren Rand des Browsers in Firefox und Internet Explorer?

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 ist eine Lösung für dieses häufige Problem sowohl für Firefox als auch für Internet Explorer.

CSS-Code

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

<code class="css">#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}</code>

Erklärung

1. Position: absolut;: Entfernt die Fußzeile aus dem normalen Dokumentfluss und ermöglicht so die Positionierung unabhängig.
2. bottom: 0;: Setzt den unteren Rand der Fußzeile auf Null, wodurch sie am unteren Rand des Fensters positioniert wird.
3. width: 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 < ;div> mit der ID="Footer" für die Fußzeile:

<code class="html"><form>
  ...
  <div class="Main" />
  <div id="Footer" />
</form></code>

Zusätzliche Hinweise

• Einstellungsposition: fest; denn die Fußzeile funktioniert möglicherweise für Firefox, aber nicht für Internet Explorer.
• Eine Anpassung des Randes oder der Auffüllung des Hauptinhalts (class="Main") kann erforderlich sein, um Platz für die Fußzeile zu schaffen.

Durch die Anwendung dieser CSS-Stile sollten Sie in der Lage sein, die Fußzeile sowohl in Firefox als auch im Internet Explorer erfolgreich am unteren Rand des Browserfensters zu positionieren.

Das obige ist der detaillierte Inhalt vonWie positioniere ich eine Fußzeile am unteren Rand des Browsers in Firefox und Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!