• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dropdown dropt nicht in IE.

Philastan

Mitglied
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
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
 
Zurück
Oben