Grüßt euch :)
Ich arbeite schon seit einiger Zeit an einem Problem von einer Navi.
Die Navi wird bei allen gängigen Browsern korrekt angezeigt - außer beim, wer hätte es erwartet: IE.
Das Dropdownmenü wird einfach nicht angezeigt...
Könntet ihr vielleicht mal drüber lesen und mir einen Tip geben was ich noch machen kann? Mittlerweile bin ich echt ein wenig verzweifelt.
Hier der HTML Part
Und hier das CSS:
Über jede Hilfe würde ich mich freuen!
LG
Phil
Ich arbeite schon seit einiger Zeit an einem Problem von einer Navi.
Die Navi wird bei allen gängigen Browsern korrekt angezeigt - außer beim, wer hätte es erwartet: IE.
Das Dropdownmenü wird einfach nicht angezeigt...
Könntet ihr vielleicht mal drüber lesen und mir einen Tip geben was ich noch machen kann? Mittlerweile bin ich echt ein wenig verzweifelt.
Hier der HTML Part
HTML:
<ul id="Navigation">
<li><a href="#">Link1</a>
<ul>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
</li>
</ul>
Und hier das CSS:
HTML:
ul#Navigation {
margin: 0;
padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left;
position: relative;
margin: 0.4em;
padding: 0;
}
* html ul#Navigation li {
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li {
margin-bottom: -0.1em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 2em;
left: -0.4em;
display: none;
}
* html ul#Navigation li ul {
left: -1.5em;
lef\t: -0.4em;
}
*:first-child+html ul#Navigation ul {
background-color: #f8b673;; padding-bottom:0.4em;
}
ul#Navigation li:hover ul {
display: block;
padding: 10px;
}
ul#Navigation li ul li {
float: none;
display: block;
width: auto;
height: 30px;
background-color: #f8b673;
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: auto;
padding: 0.2em 1em;
text-decoration: none;
font-weight: bold;
color: #000;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 6.4em; /* 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: white;
}
li a#aktuell {
color: maroon; background-color: silver;
}
ul#Navigation li ul span {
background-color: maroon;
}
Über jede Hilfe würde ich mich freuen!
LG
Phil