Bootstrap verwende ich eig nur für das Carousel, das jetzt auf der index nicht mehr drin ist, sondern ich auf eine Testseite verlegt habe.
Die Navigation läuft völlig ohne alles. Sticky ist sie allerdings schon, wird aber erst beim scrollen hinzugefügt (über JS).
Was Basti da schön mit Rahmen gemacht hat, so sollte es eig sein.
Also die Navigation soll oben sein, wird beim Scrollen aber ein bisschen kleiner.
So ganz richtig ist das von Basti aber auch nicht, denn wenn dieser Hintergrund 100vh hat, aber sich unter der Navigation befindet, geht er am unteren Bildschirmrand genau um diese Höhe nochmal weiter. Gut, das lässt sich über calc lösen.
Das mit der margin hab ich in ein border-top geändert, so klappt das dann zwar mit dem Menü. Nun müsste ich aber aus box-sizing eine padding-box machen anstatt das auf border-box zu lassen und das viel größere Problem ist, dass dann eig immer noch der Hintergrund hinter dem Menü ist.
Worum es mir letzten Endes geht ist folgendes: Der ganze Content, der auf der Landing-Page innerhalb des banner-DIVs sein soll, sollen vertikal zentriert sein. Das ist er zwar, aber halt nicht im sichtbaren Teil, der unter dem Menü beginnt, da dieses banner-DIV vom oberen Browserrand ausgeht. Und das ist doch eigentlich unlogisch und doof, da doch die Navigation nicht nur ebenenmäßig drüberliegt, sondern auch im Code davor steht. Womit wir eig wieder bei Bastis Lösung sind.
Geht's euch wie mir und ihr seid jetzt auch verwirrt? *den Affensmiley von Whatsapp such*
***********
So, ich nochmal. Ich hab jetzt mal position:sticky gesetzt, aber dann scrollt die Navigation tatsächlich nicht mehr mit. Bei Basti ist sie aber auch auf sticky, scrollt aber trotzdem mit. Bin noch nicht dahintergekommen, was er da anders gemacht hat?