Hallo

Ich habe dieses Dropdownmenü Link zur Ansicht in Firefox und Safari getestet und da funktioniert es tadellos. Wenn ich es mir aber im IE (Version 8) anschaue, klappt es nicht auf... woran könnte das liegen? /-:

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

A:link {    color:#F5792A; text-decoration:none;   }   A:visited { color:#F5792A;  text-decoration:none;   }   A:active {  color:#F5792A; text-decoration:none;   }   A:hover {   color:#F5792A; TEXT-DECORATION: none;  }   #navi         {             font-size: 11px;             text-align: center;             font-weight: bold;             font-family:Verdana,georgia,Arial;         }                    ul#Navigation li {         list-style: none;         float: left;  /* ohne width - nach CSS 2.1 erlaubt */         position: relative;         margin: 0.4em; padding: 2;       }       *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */         margin-bottom: -0.1em;       }         ul#Navigation li ul {         margin: 0; padding: 0;         position: absolute;          background-color: #f5792a;         display: none;  /* Unternavigation ausblenden */       }         *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */         background-color:#f5792a; padding-bottom:0.4em;       }       ul#Navigation li:hover ul {         display: block;  /* Unternavigation in modernen Browsern einblenden */       }       ul#Navigation li ul li {         float: none;         display: block;         margin-bottom: 0.2em;       }         ul#Navigation a, ul#Navigation span {         display: block;         width: 8em;  /* Breite den in li enthaltenen Elementen zuweisen */           text-decoration: none; font-weight: normal;         border: 0px solid black;         border-left-color: white; border-top-color: white;         color: #f8f5ed; background-color: #f5792a; font-size: 11px; font-family:Verdana,georgia,Arial;       }       * html ul#Navigation a, * html ul#Navigation span {         width: 8em;   /* Breite nach altem MS-Boxmodell für IE 5.x */         w\idth: 8em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */       }       ul#Navigation a:hover, ul#Navigation span, li a#aktuell {         border-color: white;         border-left-color: black; border-top-color: black;         color: #bf6835; background-color: #f8f5ed; font-size: 11px; font-family:Verdana,georgia,Arial;       }       li a#aktuell {  /* aktuelle Rubrik kennzeichnen */         color: maroon; background-color: #bf6835;       }       ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */         background-color: #bf6835;       }

HTML-Code:

<ul id="Navigation"><li><a href="index.php?sec=startseite" target="main" id="navi"><b>Startseite</b></a>
				<ul>
					<li><a href="index.php?sec=startseite" target="main">Statistik</a></li>

					</ul>
			  </li>

			  <li><a href="" target="main" id="navi"><b>&Uuml;ber FHC</b></a>
				<ul>

					<li><a href="index.php?sec=warumfhc" target="main">Warum FHC?</a></li>
					<li><a href="index.php?sec=hinweiseltern" target="main">Hinweis f&uuml;r Eltern</a></li>
					<li><a href="index.php?sec=geruechte" target="main">Ger&uuml;chtek&uuml;che</a></li>
				</ul>

			  </li>

			  <li><a href="" target="main" id="navi"><b>Das Spiel</b></a>
				<ul>
					<li><a href="index.php?sec=erklaerung" target="main">Erkl&auml;rung</a></li>
					<li><a href="index.php?sec=regeln" target="main">Regeln</a></li>
					
				</ul>
			  </li>

			  <li><a href="" id="navi"><b>Anmeldung</b></a>
				<ul>
					<li><a href="index.php?sec=planb" target="main">Erkl&auml;rung</a></li>
					<li><a href="index.php?section=warteliste" target="main">Anmeldung</a></li>

				
				</ul>
			  </li>

Moin,

erweitere dein Dokument mal um diese <meta>-Angabe:

Code :

1	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

Das veranlasst den IE, die Seite im Standards-Mode zu verarbeiten.

Details dazu: http://blogs.technet.com/b/iede/arch...st-werden.aspx

Super, vielen Dank!
Ich selbst habe leider keinen IE - und IE für Mac gibt es nicht mehr, aber ich habe es soeben noch einmal testen lassen und es funktioniert nun mit Version 8.
Aber eine andere hat es noch in Version 6 getestet und da scheint es auch nicht zu funktionieren /-: Kann man da auch noch etwas machen, außer ein Update verlangen?

edit:
Und hat vielleicht jemand noch IE Version 5 und 7 und möchte das Menü dort auch noch schnell testen? Wäre wirklich super!

Unter 5+7 funtioniert es auch nicht.

Hier findest du ein CSS-basiertes Dropdown, welches in IE5.5+ funktioniert:
http://www.cssplay.co.uk/menus/final_drop.html

Veto!

Der vorgestellte und genutzte Code funktioniert im SELFHTML-Beispiel mit entsprechender Doctype-Deklaration zumindest hinunter bis zum IE7, und für deren Vorgänger wird in der Anleitung (http://de.selfhtml.org/css/layouts/n...onsleisten.htm) das darauffolgende Beispiel empfohlen

Kein JS er-/gewünscht, so wie im SELFHTML-Tutorial vorgestellt? Dann paßt ja Svens Link

Vielen Dank euch Beiden!
Damit hat sich das Thema wohl erledigt