[phpBB3] Navigation oben fixieren

von Gast So 8 Jun 2014 - 13:04

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...

von Günther So 8 Jun 2014 - 15:08

Hallo,

du hast schon einen guten Ansatz gefunden, mit Firebug? top

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

von Gast So 8 Jun 2014 - 15:14

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.

von Günther So 8 Jun 2014 - 15:19

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;
}

von Gast So 8 Jun 2014 - 15:23

Perfekt

Danke nochmal

*Informiere sich über z-index*

/closed

von Günther So 8 Jun 2014 - 15:24

TeenTreff schrieb:*Informiere sich über z-index*

Bitteschön, gerne. Smile

-closed-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB3] Navigation oben fixieren

[phpBB3] Navigation oben fixieren

Re: [phpBB3] Navigation oben fixieren

Re: [phpBB3] Navigation oben fixieren

Re: [phpBB3] Navigation oben fixieren

Re: [phpBB3] Navigation oben fixieren

Re: [phpBB3] Navigation oben fixieren