ABAKUS

Verfasst: **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

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Verfasst: **07.04.2006, 13:04**

IE kann nur auf <a> hovern ...

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

Verfasst: **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?

Verfasst: **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

Verfasst: **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

ABAKUS

Problem mit CSS Menü im IE

Problem mit CSS Menü im IE

Problem mit CSS Menü im IE

Problem mit CSS Menü im IE

Problem mit CSS Menü im IE

Problem mit CSS Menü im IE