-
Feste Navigationsleiste
Hallo,
ich habe gleich 2 Probleme mit meiner Navigationsleiste (www.tsg-wieseck.de). Zum Einen möchte ich gerne, dass die Leiste am Seitenkopf angeheftet bleibt (das funktioniert auf den Unterseiten so halb: www.tsg-wieseck.de/tischtennis.html) und die Untermenüpunkte sollen beim Herüberfahren mit der Maus angezeigt werden (das geht hier bis zum Slider, der das Menü dann irgendwie verschluckt: tsg.tefracky.de).
Generiert wird die Kopfzeile durch 2 kleine HTML Codes, nämlich
Code:
<div class="header-navigation">
<div class="main-navigation-wrapper">
Die dazugehörigen Einträge in der main.css lauten
Code:
.header-navigation {
position: relative;
z-index: 5;
}
.main-navigation-wrapper {
zoom: 1;
position: relative;
border: solid #dcdcdc;
border-width: 1px 0;
background: #ffffff;
}
Hat jemand eine Idee, wie ich das Problem lösen könnte?
Gruß
Tefracky
-
Hallo,
Du löst das über z-index. Der muss bei der Navigation höher sein, als beim Slider.
Code:
.header-navigation.is-fixed {
z-index: 100;
}
.main-slider {
z-index: 10;
}
Gruß,
Hella
-
Code:
position: fixed;
z-index: 1000;
und schon klappt es.
Syntaktisch sollte der Header aber noch ein <nav></nav> enthalten.
-
Danke für die Antworten. Auf dem PC klappt das auch, nur die mobile Ansicht interessiert sich überhaupt nicht dafür, obwohl die Leiste eigentlich aus dem gleichen Code generiert wird. Hat da jemand eine Idee?