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

Navigation für den IE?

Extremefall

Mitglied
Hallo,
ich habe ein kleines Problem mit meiner Navigation. Sie wird im IE Explorer falsch angezeigt. Sie sollte genauso wie im Firefox aussehen. Ich hoffe, ihr könnt mir helfen.

Mein Code:
HTML:
  <style type="text/css"> 
#Navigation { 
font-size:12px;
 font-family: Helvetica, Arial, sans-serif; 
color: black; 
background-color: #ffffe0; 
}
ul#Navigation { 
margin: 0; 
padding: 0;
 text-align: center; 
} 
ul#Navigation li { 
list-style: none; 
float: left; 
position: relative; 
padding-left: 5%; 
} 
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */ 
margin-bottom: -0.4em; 
} 
*: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; 
} 
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */ 
left: -1.5em; 
lef\t: -0.4em; 
} 
ul#Navigation li ul li { 
float: none; display: block; 
border:1px solid #BEBFC5; 
border-top-width: 0px; 
} 
ul#Navigation a, ul#Navigation span { 
display: block;
text-decoration: none; 
color: #000000; 
background-color: #DDDDDD; 
height: 21px; 
padding-top: 5px; 
filter:alpha(opacity=96); 
-moz-opacity:0.96; opacity:0.96; 
} 
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */ 
width: 100%; 
w\idth: 6.4em; 
} 
ul#Navigation a:hover, ul#Navigation span, li a#aktuell { 
font-weight: bold; 
background-color: #DDDDDD; 
} 
ul#Navigation li.menu a:hover{ 
height: 20px; 
font-weight: bold; 
background-color: #DDDDDD; 
}
 ul#Navigation li.menuitem{ 
padding: 0; 
position: relative; 
} 
ul#Navigation li.menuitem a:hover{ 
font-weight: bold; 
background-color: #E92229; 
color: #FFFFFF; 
vertical-align: middle; 
} /* Erweiterung zur dynamischen Ein-/Ausblendung */ 
ul#Navigation li>ul { display: none; } ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul { 
display: block; 
padding-top: 1px; 
} 
/* Workaround fuer den IE 7 */ 
*:first-child+html ul#Navigation ul { 
background-color:silver; 
padding-bottom:0.4em; 
}   
</style>
 
Zurück
Oben