Hallo an alle,
ich habe da ein Problem mit meinem Dropdown Menu.
Unter FF wird es perfekt und richtig angezeigt.
Aber unter IE wird das Dropdown angezeigt, sobald man aber dadrauf gehen möchte geht es sofort wieder zu.
Hier mal die Codes:
CSS Code
Javascript Code
und als letztes der HTML Code
und soweiter
Kann mir jemand vielleicht sagen, was nicht daran passt??
Vielen Vielen Dank im Voraus
Viele Grüße
ich habe da ein Problem mit meinem Dropdown Menu.
Unter FF wird es perfekt und richtig angezeigt.
Aber unter IE wird das Dropdown angezeigt, sobald man aber dadrauf gehen möchte geht es sofort wieder zu.
Hier mal die Codes:
CSS Code
Code:
ul.dropdown { list-style: none; margin:0; padding:0; width:50%; z-index:99; } ul.dropdown * ul { list-style: none; margin:0; padding: 0; display:none; position:absolute; z-index:99; width:20em; } ul.dropdown li { float:left; } ul.dropdown li * li { border:1px solid #fff; float:none; position: relative; } ul.dropdown ul * ul { left:98%; top:0; } ul.dropdown a { display:block; } ul.dropdown ul * a { height:100%; } ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul { display:none; } ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul { display:block; }
Code:
function enableDropdownMenuForIE() { if (document.all) { uls = document.getElementsByTagName('UL'); for(i = 0; i < uls.length; i++) { if (uls[i].className == 'dropdown') { var lis = uls[i].getElementsByTagName('li'); for (j = 0; j < lis.length; j++) { if(lis[j].lastChild.tagName == 'UL') { lis[j].onmouseover = function() { this.lastChild.style.display = 'block'; } lis[j].onmouseout = function() { this.lastChild.style.display = 'none'; } } } } } } }
Code:
<body onLoad="enableDropdownMenuForIE();"> <ul class="dropdown" id="mainmenu"> <li> <a href="/prfr/index.htm" class="Stil21"><strong>Home</strong></a> <ul> </ul> </li> <li> <a href="" class="Stil21"><strong>Technologies</strong></a> <ul> <li><a href="?site=static&staticID=10">Systemes de BCC</a></li> <li><a href="?site=static&staticID=8">Cours de formation Systemes de BCC</a> <li><a href="?site=static&staticID=14">Catalogue technologie de ciment, beton et mortier</a></li> <li><a href="?site=static&staticID=13">Catalogue technologie du beton leger</a></li> <li><a href="?site=static&staticID=9">CCM Technologies</a></li> <li><a href="?site=static&staticID=5">Protect Room</a></li> <li><a href="?site=static&staticID=12">Projet de logement public</a></li> <li><a href="?site=static&staticID=12">L'energie solaire</a></li> </ul> </li>
Kann mir jemand vielleicht sagen, was nicht daran passt??
Vielen Vielen Dank im Voraus
Viele Grüße
Kommentar