Fixierter Header mit Flexbox-Verfahren klappt nicht richtig

[Detlef Mietke]

Hallo,

Beim onload wird vom header die Höhe ermittelt und mit diesen Wert der top Abstand von main nachgezogen.

danke für die JS-Funktionsinfo.

Der Vorschlag von MrMurphy1 ist näher bei deinem Ansatz, auch wenn ich nicht verstehe wie er funktioniert (flex: 1 0 1% ?). Bei meinem Ansatz ist der Scrollbalken rechts am Browserrand.

die 1% fielen mir auch sogleich auf, ich nehme an, das ist ein Schreibfehler. Ich habe auf flex: 1 0 100%; geändert und das Ergebnis bleibt in allen von mir geprüften Browsern unverändert richtig.

Ohne Javascript Kenntnisse würde ich den Vorschlag von MrMurphy1 vorziehen, denn mein Beispiel ist nur quick&dirty und müsste verfeinert werden zB: onresize etc.…

etwas JS-Kennnisse für eine intern funktionierende Schlagwortsuche und einfachere Funktionen habe ich, aber nicht so spezielle. Vielleicht gelingt es mir mich in die hier gegebenen Hinweise einzuarbeiten.

mfG Detlef