CoverUnder
Mitglied
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? /-:
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:
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:
<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>Ü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ür Eltern</a></li>
<li><a href="index.php?sec=geruechte" target="main">Gerüchtekü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ä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ärung</a></li>
<li><a href="index.php?section=warteliste" target="main">Anmeldung</a></li>
</ul>
</li>
Zuletzt bearbeitet: