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:
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:
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:
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:
Abschließend kannst du mit den Layout-Optionen die Ausrichtung des Containers ändern:
