zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Dropdown Hover 3.Ebene klappt nicht auf

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.03.2008, 23:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.03.2008
Beiträge: 1
Maztah befindet sich auf einem aufstrebenden Ast
Standard Dropdown Hover 3.Ebene klappt nicht auf

Hallo,
habe mich die letzten Tage etwas mehr mit CSS beschäftigt um ein Dropdown über <ul> und <li> tags zu bauen. Habe mich auch für die JS Variante entschieden. Bisher funzt alles wunderbar, sowohl IE6 als auch Firefox bis auf ein letztes Problem was ich nicht gelöst bekomme.
Mein Dropdown besteht aus 3 ebenen, und die letzte Ebene öffnet sich nicht im IE6.

Hier mein CSS:
Code:
.navig {
    position: absolute;
    left: 400px;
    top: 111px;
    width: 700px;
    z-index: 1000;
}

#Navigation, #Navigation ul {

    list-style-type: none;
}



#Navigation a {

    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;

}



#Navigation li {

    padding: 0;
    margin: 0;
    float: left;
    height: 20px;
    width: 120px;
}



/* Für Unterpunkte keine Float-Eigenschaft */

#Navigation ul li {

    float:none;
    background-color: transparent;
}



/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

#Navigation ul li.hover, #Navigation ul li:hover {

    background-color: #FFF9E4;
}



/* Zweite Ebene */

        #Navigation ul {
                margin:0;
                padding: 0;
                position: absolute;
                background-color: #26383D;
                border: 1px solid #FFF9E4;
                display: none;
                width: 120px;

     }



   /* Zweite Ebene anzeigen */

       #Navigation li.hover ul, #Navigation li:hover ul, #Navigation li.over ul {
               display: block;
   }



/* Dritte Ebene */

   #Navigation li.hover ul ul, #Navigation li:hover ul ul, #Navigation li.over ul ul{
                  display: none;
                  margin-left: 120px; /* Breite eines Listenelements - Überlagerung */
             	  margin-top: -20px; /* Höhe eines Listenelements */

        }



   /* Dritte Ebene anzeigen */

	#Navigation li.hover ul li.hover ul, 
	#Navigation li:hover ul li:hover ul, 
	#Navigation li.over ul li.over ul {
                display: block;
   }
Als JS benutze ich das folgende:
PHP-Code:
    <script type="text/javascript">
        
startList = function() {
            if (
document.all&&document.getElementById) {
            
navRoot document.getElementById("Navigation");
            for (
i=0i<navRoot.childNodes.lengthi++) {
            
node navRoot.childNodes[i];
            if (
node.nodeName=="LI") {
            
node.onmouseover=function() {
            
this.className+=" over";
              }
              
node.onmouseout=function() {
              
this.className=this.className.replace(" over""");
               }
               }
              }
             }
            }
            
window.onload=startList;
    
</script> 
Meine HTML Datei beginnt mit <ul id="Navigation"> und dann entschprechend weiter in die Tiefe geschachtelt. Ich hoffe es kann mit jemand weiterhelfen, ich komme einfach nicht dahinter.

Gruß Maztah
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
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Dropdown menu mit Hover-Images pbs2h8 CSS 0 10.09.2009 15:46
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 13:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 18:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:44 Uhr.