Navigation oben, die beim scrollen nicht verschwindet?

...komplette Frage anzeigen Navigation oben - (Website, html, Design) Code HTML - (Website, html, Design)

2 Antworten

position: fixed;

in CSS ist die Lösung Deines Problems.

Es definiert die Navigationsleiste so, dass die Position am Bildschirm sich nicht ändert, unabhängig davon, ob gescrollt wird oder nicht.

HamsterKnowHow 02.07.2017, 14:27

Danke, klappt. Nur, wenn ich es mache, fehlt rechts ein Stück der Navigation. Wo ist die jetzt hin? 

https://picload.org/view/rpaladcw/unbenannt.png.html

1
Willibergi 02.07.2017, 14:32
@HamsterKnowHow

Setze einfach die width auf 100%, dann nimmt die Navigationsleiste die gesamte Bildschirmbreite ein.

1
Willibergi 02.07.2017, 14:39
@HamsterKnowHow
#nav {
  width: 100%;
  height: 50px;
  background: #f00;
  position: fixed;
}

Das funktioniert einwandfrei, wenn nav die ID eines div-Containers ist. Musst Du halt bei Dir entsprechend anpassen.

2

Die Lösung für dein Problem ist das Setzen des position-Properties deines Containers für die Navigation auf fixed.

Was möchtest Du wissen?