Hi,
ich habe folgendes Problem,
ich habe ein horizontales Popout Menu erstellt, dass in Firefox, Safari und Opera auch wunderbar funktioniert. Nur der IE zickt mal wieder rum.

hier der HTML Code:

HTML-Code:

	<ul id="menu">
       				<li><a href="#">Home</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
   
   		      		<li><a href="#">&Uuml;ber Mich</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
            
       	    			<li><a href="#">Galerie</a>&nbsp;&nbsp;&nbsp; 
       					<ul id="nav">
      						<li><a href="#">Punkt1</a></li>                
               				</ul>
           
           	 		&brvbar;</li>
            			<li><a href="#">Kundenbereich</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
            			</li>
				<li><a href="#">Kontakt</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>            
			</ul>

und hier das CSS dazu:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107

ul#menu{     display:inline;     float:left;     position:relative;     top:-25px;     left:-10px;     z-index:4; }   ul#menu li{     display:inline;     float:left;     color:#FFF;     list-style-type:none;     position:relative;     margin-right:16px;     }   ul#menu li ul{     display:none;     list-style-type:none;     text-decoration:none;     position:absolute;     left:-25px;         }         ul#menu li:hover, li.over ul{     display:block;     list-style-type:none;     text-decoration:none;     }       ul#menu li:hover ul li{     display:block;     list-style-type:none;     text-decoration:none;       position:relative;     width:130px;     height:25px;     line-height:25px;     border-color:#FFF;     border:thin;     text-align:center;     border-color:#FFF;     border-width:thin; }   ul#menu li:hover ul li a{         display:block;     list-style-type:none;     text-decoration:none;       position:relative;     width:130px;     height:25px;     line-height:25px;     border-color:#FFF;     border:thin;     text-align:center;     border-color:#FFF;     border-width:thin;     background-color:#333;     color:#FFF;     font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;     font-size:14px;     text-align:center;     } ul#menu li:hover ul li a:hover{         display:block;     list-style-type:none;     text-decoration:none;       position:relative;     width:130px;     height:25px;     line-height:25px;     text-align:center;     border-color:#FFF;     border:thin;     border-width:2px;     background-color:#FFF;     color:#CCC;     font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;     font-size:14px;     text-align:center;     }           ul#menu li a{     list-style-type:none;     text-decoration:none;     color:#FFF;     font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;     font-size:14px;     } ul#menu li a:hover { display:block;     }

Wichtige Info wäre vlt noch, dass das auf einem Typo3 System läuft.
Weiss jemand eine Lösung? Is bestimmt wieder nur was kleines...
Danke schonmal!

Gruß FunkFlex

Lass mich raten: der IE klappt die Untermenüs nicht auf und Du hast einen IE6 vor dir? Der unterstützt keine hover-Pseudoklasse bei <li>-Elementen. Für den musst Du das Aufklappen per JavaScript realisieren.

Nein leider IE8&9 .... und ich weiss nicht warum.... manchmal glaub ich Microsoft macht mit dem IE eher Rück- als Fortschritte... noch weitere Lösungen?

Was ist denn genau das Problem? Wird etwas falsch dargestellt? Wenn ja, was? Du schreibst nur von einem Problem und das der Browser "rummzickt".

Evtl. ist auch die fehlende horizontale Ausrichtung in "ul#menu li ul{" ein Problem.

Ich hab doch geschrieben was das Problem ist.
In allen Browsern außer dem IE funktioniert das Menü.
Und nein es ist nicht die fehlende Horizontale ausrichtung.
Das Menu das "auspoppen" sollte, kommt einfach im IE nicht raus.
Das übergeordnete Menü mit den Hauptpunkten is schon wunderbar horizontal ausgerichtet.

Keiner mehr ne Antwort parat?

Zitat von threadi

Lass mich raten: der IE klappt die Untermenüs nicht auf und Du hast einen IE6 vor dir? Der unterstützt keine hover-Pseudoklasse bei <li>-Elementen. Für den musst Du das Aufklappen per JavaScript realisieren.

Oder der IE7/8 befindet sich im Quirks Modus und beherrscht ebenfalls den :hover Selektor nur bei Links (Was auch andere Browser im Quirks Modus teilweise tun).

Selbst wenn ich es mit links probiere,
quasi ul#menu a{ }
bzw. dann ul#menu a:hover machen, gehts nichts...
Kann das am Typo3 liegen? Oder an einem Fehler den ich übersehen habe?

Ich bräuchte immernoch hilfe...

Dann geh doch mal auf meinen Beitrag ein und verrate uns, ob sich der IE im Quirks Modus befindet. Falls du nicht weißt wie, gib auf der entsprechend Seite "javascript:alert(document.compatMode)" in die Adressleiste ein und guck, was er ausgibt. "CSS1Compat" wäre gut, "BackCompat" schlecht.

Also ich hab das mal ausprobiert.
Es kommt CSS1 Compat
Macht das den Fehler deutlicher?

Das sagt uns, dass da alles in Ordnung ist. Aber ich hätte sollen erst mal besser lesen, denn wenn es auch bei Links nicht geht, dann hängt es nicht mit dem Quirks Modus zusammen.


Also ich hab den Code jetzt mal getestet. Weder im Firefox noch in Chromium oder IE passiert irgendetwas. Was sollte denn eigentlich beim Überfahren passieren?

Schau dir doch mal dieses Tutorial an, das funktioniert auch ohne JS.
Vielleicht findest du dadurch deinen Fehler.

http://www.kriesi.at/archives/create...-it-via-jquery