Hallo Matthias,
Dein „Bauch“ ist wsl. das main-Element, in dem der Inhalt enthalten ist.
main { height: 500px; overflow: scroll; }
nice try, aber da du weder weißt, wie hoch die Seite insgesamt ist (Fenstergröße), noch wie hoch der "Kopf" und der "Fuß" werden (Fensterbreite, Schriftgröße), ist es quasi unmöglich, die Höhe des "Bauchs" festzusetzen. Ergo: Lass ihn und die gesamte Seite einfach so hoch werden, wie er/sie will. Eventuell kann man den Header und/oder den Footer mit position:sticky am Rand festkleben, wenn man das unbedingt will.
Sinnvoll finde ich das aber nur in wenigen Sonderfällen (z.B. Tabellenüberschriften).
Einen schönen Tag noch
Martin
--
Мир для України.
Мир для України.