Layout-Frage zu seitenfüllender Flexbox

[Gunnar Bittersmann]

@@Rolf B

ich habe eine Webseite, bei der ich Header und Nav oben, den Footer unten fixieren will. Dazwischen den Main-Bereich flexibel. Das geht mit Flexbox.

Mit Grid wohl besser …

Header, Footer und Nav sollen die Fensterbreite ausfüllen. Der Main-Bereich vom Background her auch, aber die darin angezeigten Daten sollen nicht zu breit werden. Daher befindet sich darin eine section mit max-width und margin: 0 auto.

… dann brauchst du kein zusätzliches Element. ☞ Beispiel

section wäre hier wohl auch nicht angebracht; der ganze Hauptinhalt ist kein Abschnitt. Manchmal ist ein div einfach nur ein div.

LLAP 🖖