|
|||
Sticky-Navigation positioniert sich beim heruntersrollen am äußersten linken Rand.
Guten morgen
Ich habe folgendes Problem mit einem Joomla-Template auf welchem eine Sticky Navigation eingebunden ist. Wenn ich die Seite aufrufe, ist die Menüleiste richtig positioniert, wenn ich jedoch herunterscrolle, verschiebt sich die ganze Leiste an den linken Rand. Die Leiste lässt sich irgendwie nur ganz oben zentrieren, beim herunterscrollen, jedoch nicht in der Scrollansicht. kann mir jemand einen entscheidenen Tipp geben? Code:
.menuleiste ul.menu { position: relative; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 45px; list-style: none; text-align: center; vertical-align: bottom; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: center; } Was übersehe ich? Ich habe die letzten Tage verzweifelt alles ausprobiert und bisher keine Lösung gefunden. Bevor ich mir weitere für mein Problem unnütze Tutorials anschaue hoffe ich hier einen entscheidenden Hinweis von einem Experten zu bekommen. |
Sponsored Links |
|
|||
Sorry. Hier ist der entsprechende Bereich um den es sich handelt.
Code:
<div class="header nav-fixed"> <div class="logo-navi"> <div class="logo-navi-text"> <!-- end logo --> <div class="navigationsleiste" style="opacity: 1;"> <div class="menumobil"> <nav class="menu" id="menumobil"> <a class="show-on-small" href="#menumobil" id="menu-schalter"> <span class="icon icon-menu">☰</span> <!-- insert your icon font here --> <span>Navigation</span> </a> <div class="menumobil-wrapper"> <div class="moduletable span1"> <ul class="nav menu"> <li class="item-118 default current active"><a href="/proklima/"><img src="/proklima/images/logoPro.jpg" alt="pro Klima GmbH "></a></li><li class="item-110"><a href="/proklima/ueber-uns.html">Über uns </a></li><li class="item-111"><a href="#">Service</a></li><li class="item-112"><a href="#">Produkte </a></li><li class="item-113"><a href="#">Multikühler</a></li><li class="item-114"><a href="#">Aktuelles </a></li><li class="item-115"><a href="#">Referenzen </a></li><li class="item-116"><a href="#">Jobs</a></li><li class="item-117"><a href="#">Kontakt </a></li></ul> </div> </div> </nav> </div> <div class="menuleiste"> <nav class="menu" id="menuleiste"> <div class="moduletable span1"> <ul class="nav menu"> <li class="item-118 default current active"><a href="/proklima/"><img src="/proklima/images/logoPro.jpg" alt="pro Klima GmbH "></a></li><li class="item-110"><a href="/proklima/ueber-uns.html">Über uns </a></li><li class="item-111"><a href="#">Service</a></li><li class="item-112"><a href="#">Produkte </a></li><li class="item-113"><a href="#">Multikühler</a></li><li class="item-114"><a href="#">Aktuelles </a></li><li class="item-115"><a href="#">Referenzen </a></li><li class="item-116"><a href="#">Jobs</a></li><li class="item-117"><a href="#">Kontakt </a></li></ul> </div> </nav> </div> </div> <!-- end navigationsleiste --> </div> <!-- end logo-navi-text --> </div> <!-- end logo-navi --> <!-- end header --></div> |
|
|||
Ich denke, hier fehlt noch etwas vom CSS. Damit du weißt, was wir brauchen, damit wir dir helfen können:
HTML + CSS und zwar so, dass wir, wenn wir den Code zB auf jsfiddle.net einfügen, dein Problem sehen können. |
Stichwörter |
sticky navigation |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wie positioniert man eine Listenbasierte Navigation am unteren Rand eines divs? | papalapap | CSS | 5 | 07.08.2012 18:34 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
Navigation ist nicht mittig | Schokokrapfen | CSS | 29 | 20.09.2011 00:19 |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 12:11 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 16:29 |