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

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
Powered by Chimpify