Sticky Footer mit Flexbox
MrMurphy1
- css
Hallo
Ich habe ein Layout mit Flexbox erstellt.
Dazu möchte ich einen Sticky Footer erstellen, ohne das die bisherige Funktionalität eingeschränkt wird.
Deshalb sollen auch die direkt im body-Bereich vorhandenen Container nicht von zusätzlichen Containern umschlossen werden. Die vorhandenen Container sollen durch die order-Eigenschaft wie bisher frei in ihrer Reihenfolge angepasst werden können.
Aus diesem Grund kommt wohl auch der übliche Sticky Footer mit Flexbox nicht in Frage. Bei diesem werden die Container mittels Flexbox senkrecht angeordnet (flex-direction: column) und der Container direkt für dem Footer nutzt die restliche freie Bildschirmhöhe voll aus (flex: 1 1 auto). Dadurch spielt es keine Rolle wie hoch der footer wird.
Gibt es eine ähnliche Methode auch für das von mir gewählte Layout?
Link zu der betroffenen Seite:
Gruss
MrMurphy