Lexi Help
Die neuesten Themen
» Mein altes Forum zurückbekommen
von Bigtuber Gestern um 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Mi 28 Sep 2016 - 13:34

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

[phpBB3] Navigation oben fixieren

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB3] Navigation oben fixieren

Beitrag von Gast am 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...

Gast
Gast


Nach oben Nach unten

Erledigt Re: [phpBB3] Navigation oben fixieren

Beitrag von Günther am 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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Navigation oben fixieren

Beitrag von Gast am 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.

Gast
Gast


Nach oben Nach unten

Erledigt Re: [phpBB3] Navigation oben fixieren

Beitrag von Günther am 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;
}

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB3] Navigation oben fixieren

Beitrag von Gast am So 8 Jun 2014 - 15:23

Perfekt Smile
Danke nochmal

*Informiere sich über z-index*

/closed

Gast
Gast


Nach oben Nach unten

Erledigt Re: [phpBB3] Navigation oben fixieren

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

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

Bitteschön, gerne. Smile
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten