Vielleicht mal grundlegend:
static: Das ist der normale Elementfluss. Wenn du nichts definierst, haben deine Elemente automatisch diesen Wert.
relative: Verschiebung gemessen an der Anfangsposition des Elementes selbst.
absolute: Verschiebung gemessen am Rand des nächst höheren Elternelementes, welches
nicht die Normaleinstellung static hat.
Sämtliche Elternelemente deiner Navigation haben die Normaleinstellung static => Deine Navi richtet sich am Viewport aus. Der ist bei jedem aber anderst (unterschiedliche Auflösung, unterschiedliche Monitor Größe, unterschiedliche Größe des Browserfensters....).
Wenn du die Navi jetzt an deinem Viewport ausrichtest, ist die Navi bei jemanden mit einem anderen Viewport eben auch an einer anderen Stelle.
Das dein Content nicht verutscht, liegt daran dass du ihn nicht mit absolute aus dem Elementfluss nimmst, sondern mit margin an seiner normal Position ausgerichtet hast. Der content hat also die Normaleinstellung static. (Ich weiss ja nicht, wie es aussehen soll, aber so ganz passt das noch nicht mit dem Hintergrund).
Zum lösen gibt es viele Möglichkeiten. Am saubersten ist es, wenn du mit float und margin arbeitest.
PS: Du solltest die Werbung wieder einblenden.
______________
mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering