zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit 3-Ebenen Navigation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.05.2009, 16:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.04.2009
Beiträge: 15
Hagbard-Celine befindet sich auf einem aufstrebenden Ast
Standard Problem mit 3-Ebenen Navigation

Hallo Leute,

habe ein Problem mit dem Umsetzen einer Navigation.
Das ganze soll wie folgt aussehen:



Mein Problem ist, das der kleine grüne Pfeil beim Opera und IE7 nicht mittig ausgerichtet ist sondern weiter oben, der Firefox hingegen stellt es richtig dar.

Beim IE7 ist zusätzlich noch das Problem, wenn eine Unterkategorie aufklappt landet der
Pfeil von der Elternkategorie im aufgeklappten Menü und steht nicht mehr hinter dem Elternelement UND die Listenpunkte fangen ca. 10 Pixel nach rechts eingerückt erst an und nicht am Element Anfang wie im FF und Opera.

Das Aufpopen geschieht über einen Hoover effekt.

Hier mal mein CSS-Code (Die Navi befindet sich im div subnav)

=======
Code:
#subnav li{
     list-style-image: url(../layout/content/nav_pfeil.jpg);
     list-style-position: inside;
     border-bottom:1px solid #aeadac;
     border-top:1px solid #aeadac;
     line-height:23px;
     
     min-height: 23px;
     height: auto !important;  /* für moderne Browser */
     height: 23px;  /*für den IE */
}

#subnav li #sNavi1{
     
}
/* Menü Ebene 2 Standard: Versteckt */
#subnav li #sNavi2{
     padding-left: 30px;
     display: none;
}
/* Menü Ebene 2 beim drüber fahren Offen */ 
#subnav li:hover #sNavi2{
     font-size: 10px;
     font-weight: normal;
     display:block;
}

#subnav #sNavi2 li:hover{
     background-image: url(../layout/content/navElemHintergrund.jpg);
}

/* Menü Ebene 3 Standard: Versteckt */
#subnav li #sNavi3{
     padding-left: 50px;
     display: none;
}
/* Menü Ebene 3 beim drüber fahren offen */  
#subnav #sNavi2 li:hover #sNavi3{
     font-size: 10px;
     font-weight: normal;
     display:block;
}

#subnav #sNavi3 li:hover{
     background-image: url(../layout/content/navElemHintergrund.jpg);
}
=======

Wie kann ich erreichen das meine Navigation in allen 3 Browsern gleich aussieht, für jeden Tipp bin ich dankbar.
Mit Zitat antworten
Sponsored Links
Antwort

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
Problem mit Navigation (<a>) in ul bzw. li stefanw CSS 1 10.11.2008 17:52
horizontale Navigation mit mehrere Ebenen + mehrzeilig dkl CSS 3 14.08.2007 11:49
Problem mit ie6 und css navigation Sinclair CSS 0 29.03.2007 17:00
Ul mit Sub-Ul Navigation macht Darstellungsprobleme im Opera eRoZion CSS 17 16.09.2005 10:30
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:46 Uhr.