Rolf B: Div-Container

Beitrag lesen

SELF-Forum

Div-Container

Rolf B
– Informationen zu den Bewertungsregeln

Hallo marctrix,

die richtige Lösung ist, auf position:fixed zu verzichten und ein Fullscreen-Layout mittels Flexbox zu erzeugen. Bei zusätzlicher vertikaler Gliederung (Holy Grail & Co) natürlich eher so oder mit Grid.

<body>
   <header>...</header>
   <main>...</main>
   <footer>...</footer>
</body>

body { display:flex; flex-direction:column; margin:0; height: 100vh; }
header, footer { flex: 0 0 auto; }
main { flex: 1 0 1em; overflow-y:scroll; }

Bei diesem Verfahren scrollt nur der main Teil und das Problem ist weg. Wichtig ist nur, dass main eine definite Flexbasis bekommt, sonst funktioniert die 100vh Höhe des Body nicht. Keine Ahnung wieso.

https://jsfiddle.net/f5g1ax6o/1/

Rolf

--
sumpsi - posui - clusi
Beitrag melden
–
Informationen zu den Bewertungsregeln