Problem mit CSS Menü im IE

Beitrag von **Eka** » 07.04.2006, 12:45

Tach auch !
Folgendes Problem :
Da mein HP so langsam wächst, will ich jetzt ein CSS-Menü mit ausklappbaren Untermenüs bei Mauskontakt einbauen.
Aber die Untermenüs werden (nur beim IE, Firefox ist ok) nicht angezeigt.
(Zunächst mal beim Menüpunkt "Galerie").

https://www.karneval-gerolstein.de/ausklappmenue.htm

Die dazugehörige CSS Datei :

#menu { width: 120px; background: #eee; }

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb;
margin: 0; padding: 2px 3px; }

#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase; }

#menu a { color: #000; background: #efefef; text-decoration: none; }

#menu a:hover { color: #a00; background: #fff; }

#menu li { position: relative; }

#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

div#menu ul ul ul, div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{display: block;}

Es ist bestimmt nur eine Kleinigkeit.
Vielleicht kann mir jemand weiterhelfen.

Gruss Erik

KARNEVAL IN GEROLSTEIN

von **Anzeige von ABAKUS** »

Beitrag von **derHund** » 07.04.2006, 13:04

IE kann nur auf <a> hovern ...

https://www.cssplay.co.uk/menus/dd_valid.html

Beitrag von **madmax** » 07.04.2006, 13:15

Äh... abgesehen davon: ist dass nur nen Ausschnitt von einer Seite den du extra hochgeladen hast oder warum fehlt der <html> und <body> -Endtag?

Beitrag von **robo** » 07.04.2006, 20:31

Hmmm ... da war doch was ... wenn ich mich recht erinnere, muss man dem IE mit einem kleinen Javascriptchen auf die Sprünge helfen. Google mal nach suckerfish dropdown oder suche danach hier im Forum ...

cu, Robo

Beitrag von **matin** » 08.04.2006, 06:08

yop, ie braucht zum aufklappen ein javascript:

Code: Alles auswählen

<script type="text/javascript"><!--//--><!&#91;CDATA&#91;//><!--
startList = function&#40;&#41; &#123;
	if &#40;document.all&&document.getElementById&#41; &#123;
		navRoot = document.getElementById&#40;"drop"&#41;;
		for &#40;i=0; i<navRoot.childNodes.length; i++&#41; &#123;
			node = navRoot.childNodes&#91;i&#93;;
			if &#40;node.nodeName=="LI"&#41; &#123;
				node.onmouseover=function&#40;&#41; &#123;
					this.className+=" over";
				&#125;
				node.onmouseout=function&#40;&#41; &#123;
					this.className=this.className.replace;
				&#125;
			&#125;
		&#125;
	&#125;
&#125;
window.onload=startList;

//--><!&#93;&#93;></script>

bei document.getElementById("drop") musst du für "drop" dein ul-id eintragen