zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sticky-Navigation positioniert sich beim heruntersrollen am äußersten linken Rand.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.08.2017, 11:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.08.2017
Beiträge: 2
PhillipHamburg befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Ich bin CSS-Wiedereinsteiger und brauche dringend Rat.
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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.08.2017, 14:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

CSS Code ohne HTML ist relativ nutzlos, bitte poste diesen doch auch.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.08.2017, 14:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.08.2017
Beiträge: 2
PhillipHamburg befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
  #4 (permalink)  
Alt 30.08.2017, 16:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Antwort

Stichwörter
sticky navigation

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:02 Uhr.