[phpBB3] Navigation oben fixieren

[Gast]

Hallo,
ich würde gerne die Navigation in meinem Forum Denker-Welten fixieren.
Habe es mit folgendem COde probiert:

Code:


.navbar{
    position: fixed;
}


Es funktionier aber nicht. DEr Footer rutscht dann mit nach oben...

[Günther]

Hallo,

du hast schon einen guten Ansatz gefunden, mit Firebug?

Wichtig ist in der Zuweisung aber noch die ID des Headers, schau mal:

#page-header .navbar {
...
}

Denn wie du richtig bemerkt hast, kommt die Klasse navbar in BB3 zweimal vor:
Im #page-header und nochmal im #page-footer.

Optimal ist zusätzlich noch, wenn du dem #wrap einen passenden Abstand nach oben hin zuweist, damit die fixierte Navigation das Forum oben nicht überdeckt. Das würde dann z.B. so aussehen:

Code:

#page-header .navbar {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
#wrap {
  margin-top: 30px;
}

Die einzelnen Werte kannst du natürlich alle nach Belieben anpassen.

Liebe Grüße
Günther

[Gast]

Hallo,
ich habe nun den Code eingesetzt und nun sehe ich, das die Kategorienanzeige wohl eine Klasse darüber ist.
Somit wird die Navigation eine Ebene darunter angezeigt.

[Günther]

Das ist nur in deinem Forum der Fall, weil du folgenden CSS-Code eingesetzt hast:

.forabg {
 display: block;
 margin: 0 3px 3px 0;
 opacity: 1;
 text-decoration: none;
 transform: scale(1, 1);
 transition-duration: 250ms;
 transition-timing-function: ease-out;
}

Die fett markierte Eigenschaft führt dazu, dass die Kategorietabellen einen höheren z-index besitzen als die Navigation.

Du kannst das ändern, indem du der Navigation wiederum einen höheren z-index zuweist:

#page-header .navbar {
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 999;
}

[Gast]

Perfekt
Danke nochmal

*Informiere sich über z-index*

/closed

[Günther]

*Informiere sich über z-index*

  

Bitteschön, gerne.
-closed-