Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Registrierung defekt
von cybercrash Gestern um 22:49

» [phpBB2] index_box.tpl & Avatare verstecken
von Dr.Keks Gestern um 22:40

» [phpBB2] Avatare für Gäste unsichtbar
von Dr.Keks Gestern um 22:37

» Admin Email Ändern
von Bigtuber Gestern um 17:05

» Sternzeichen Wassermann endet am falschen Datum / Fische beginnt zu früh
von VampirinJayna Gestern um 14:22

» [phpBB3] Smilies können nicht neu erstellt werden
von Coffy Gestern um 6:13

» [Mitteilung] ModernBB - Eine neue Foren-Version für Forumieren-Foren
von chamutv Di 28 März 2017 - 20:43

» [phpBB3] [phpBB3] Forum nicht sicher
von Bigtuber Di 28 März 2017 - 17:43

» Passwort vergessen
von Bigtuber Di 28 März 2017 - 14:58

» [#9357]-[phpBB2] Registrierung funktioniert nicht
von amti Di 28 März 2017 - 14:17

» [Sammelthread] Unangebrachte Werbung
von Marcel´s Schnatterbude Mo 27 März 2017 - 9:46

» Admin Passwort vergessen
von ABC-Man Mo 27 März 2017 - 9:01

» Kalender
von Bigtuber So 26 März 2017 - 18:04

» Gifs einfügen
von Bigtuber So 26 März 2017 - 14:58

» Warrior Cats - NordClans
von Eislicht So 26 März 2017 - 0:28

» Gründeraccount Passwort vergessen
von Eozaen Sa 25 März 2017 - 20:02

www.forumieren.de

[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...
avatar
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
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil 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.
avatar
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;
}
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil 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
avatar
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-
avatar
Günther
Admin a.D.
Admin a.D.

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten