Hallo liebes Forum,
habe parallel zum HTML5 u. CSS lernen mein 2. altes Web-Site-Modernisierungsprojekt gestartet, damit es responsiv wird.
Das neue Laout besteht aus "header", "footer", dazwischen 3 Spalten. Links "nav" ( fixe Breite) "article" u. "aside", beide flexibel.
Der "header" ist sticky, oben angeklebt.
Situation:
Die nav-Spalte wird bei schmalem Bildschirm ausgeblendet, Funktion i.O.
Im "header" ist mit position: absolute ein button platziert, der die nav-Spalte wieder einschaltet Funktion i.O.
Problem:
Denn wenn die Nav-spalte wieder erscheint, sitzt sie etwas höher als vorher und hat den button aus dem header mitgenommen und damit aus dem Sichtfeld hinausgeschoben.
Also vor dem Ausblenden liegt die "Oberkante nav" an "Unterkante header" an.
Nach dem Wiedereinblenden ist wohl "Oberkante nav" bündig mit "Oberkante header"
Frage:
Der button ist aber offensichtlich nicht, wie erwartet, mit dem header verbunden ist, sondern mit der dahinterliegenden "Welt" bzw. nav ?
Kann man das beeinflussen, oder sind das grundlegende Eigenschaften von header , nav & Co. ?
( Code kann ich noch nachreichen...)
VG Uli