Wie sorge ich dafür, dass z.B. der Footer immer unten bleibt?

Vladislav Melnik
von Vladislav Melnik

Bei “kurzen” Layouts kann es vorkommen, dass z.B. der Footer ziemlich weit oben dargestellt wird:

footer klebt oben

Das sieht natürlich unschön aus. Wenn du also möchtest, dass ein Element immer unten bleibt, dann gehe wie folgt vor.

Schritt 1: Packe einen Bereich drum herum

Packe in diesem Fall einfach einen Bereich um die Navigation, die eigentliche Sektion und den Footer:

bereich drum herum

Schritt 2: Setze die Mindesthöhe des Bereichs auf 100VH

Setze die Mindesthöhe des Bereichs auf 100VH. Dadurch ist der Bereich immer so hoch wie das Browserfenster:

bereich mindesthoehe 100 vh

Hier mehr zu Maßeinheiten.

Schritt 3: Strecke die innere Sektion

Strecke die eigentliche Sektion. Sie nimmt sich dann den kompletten Platz, den sie braucht:

eigentliche sektion strecken

Abschließend kannst du mit den Layout-Optionen die Ausrichtung des Containers ändern:

container vertikal ausrichten

Starte jetzt mit Chimpify

Erstelle hoch-konvertierende Landing Pages & Webseiten auf Knopfdruck. Betreibe dein E-Mail-, Blog-, & Social-Media-Marketing. Erhalte Kennzahlen über deinen gesamten Marketingfunnel. Alles aus einer Hand.
30 Tage kostenlos testen
Keine Kreditkarte erforderlich
© Chimpify UG (haftungsbeschränkt). Powered by Chimpify.