[JavaScript] Javascript - Css - Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [JavaScript] Javascript - Css - Problem

    Hallo,

    ich habe auf einer Seite


    ein Menü, bei dem, wenn man über die Buttons fährt kommt darunter ein untermenü.
    Jetzt habe ich aber bemerkt, dass das Menü bei Netscape 7.1 nicht vollkommen richtig, beim Internet Explorer 7.0 sozusagen gar nicht funktioniert, da das untermenü, nicht unter dem Button erscheint (wie bei IE 6 usw... bzw Firefox sonder daneben und man es dann nicht anklicken kann.

    Wie kann ich dieses Problem lösen? Oder kennt jemand von euch ein simples Menü dieser Art.

    Hier der Code:
    Code:
    <script type="text/javascript"><!--//--><![CDATA[//><!--
    
    startList = function() {
    	if (document.all&&document.getElementById) {
    		navRoot = document.getElementById("nav");
    		for (i=0; i<navRoot.childNodes.length; i++) {
    			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>
    <style type="text/css">
    <!--
    
    ul {
    	padding: 0;
    	margin: 0;
    	list-style: none;
    }
    
    li { 
    	float: left;
    	position: relative;
    	width: 107;
    }
    
    li ul { 
    	display: none;
    	position: absolute;
    	top: 1em;
    	left: 0;
    }
    
    li>ul { 	top: auto;
    	left: auto;
    }
    
    li:hover ul, li.over ul { 
    	display: block;
    }
    
    #content {
    	clear: left;
    }
    </style]

    Code:
    <ul id="nav"><li> Menuepunkt, der aufklappt wenn man drüberfährt
            <ul><li>
    untermenue	
    
    </li></ul></li></ul>
    Danke für die Hilfe.
    Zuletzt geändert von starsk8er; 09.02.2007, 14:40.

  • #2
    afaik: IE kennt hover nur bei <a> Erst IE7 interpretiert den hover auch bei <li> und <ul>
    Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

    [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
    Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

    Kommentar


    • #3
      Original geschrieben von jahlives
      afaik: IE kennt hover nur bei <a> Erst IE7 interpretiert den hover auch bei <li> und <ul>
      danke erstmal für die schnelle antwort

      hmm, das heißt, gibt es hier eine möglichkeit das menü so anzupassen dass es auf ie7 auch läuft?

      danke für die info!

      Kommentar

      Lädt...
      X