Es tut mir echt leid dass ich sowas fragen muss aber CSS Positionierung und ich sind keine Freunde und werden es wohl auch nichtmehr.
Ich habe einen header, der sich über die gesamte breite des Browsers erstreckt. Diesem folgt ein div Container, in dem sich der Content befindet.
Die Idee ist dass der header immer an der Oberkante des Browsers bleibt und der Content beim scrollen hinter dem header hinweg scrollt. Der header hat zudem noch eine Deckkraft von 90%, sodass man den dahinter weg scrollenden Content leicht hindurch sieht. Hierfür habe ich natürlich den header fixed positioniert und das mit dem dahinter weg scrollen klappt einwandfrei.
Mein Problem:
Wenn man die Seite aufruft, ist der Content gleich zu Beginn hinter dem header, also hinter dem leicht transparenten Teil. Das soll so natürlich nicht sein. Der Content soll sich unter dem header befinden und erst beim scrollen hinter dem header verschwinden.
Ich habe schon alle möglichen Positionierungen an allen möglichen Elementen, mit verschiedensten margins ausprobiert, nichts funktioniert.
Wie würdet ihr ein Element nach einem "position: fixed" Element positionieren, sodass es sich nicht schon beim Aufrufen der Seite überlagert.
Kleiner zusätzlicher Haken: Die Seite soll responsive sein und wenn ich es mit einem margin versuche soweit nach unten zu schieben bis es unter dem header ist, habe ich das Problem, sobald ich die Browsergröße verändere verschiebt sich alles und passt nicht mehr.
Danke schonmal im Vorraus.