Hallo Forum!
Ich habe eine ASP.NET Seite (daher bitte nicht wegen der ASP-Tags im Quelltext erschrecken *G*) die ein Menü mit einer Liste realisiert (der Doctype ist HTML 4.0 Transitional mit URI):
<ul id="Menu">
<li><img src="images/ui/menutitle.jpg"/></li>
<li>
<asp:LinkButton id="cmdHome" runat="server">
Willkommen
</asp:LinkButton>
<li>
<asp:LinkButton id="cmdReservieren" runat="server">
Reservieren
</asp:LinkButton>
</li>
</ul>
Aus den asp:LinkButton Tags wird später im gerenderten HTML zB:
<a id="cmdHome" href="javascript:__doPostBack('cmdHome','')">
Willkommen
</a>
Das zugehörige Stylesheet sieht folgendermaßen aus:
ul#Menu
{
background-color:fcfcf9;
border-color:c1d2ee;
border-style:outset;
border-width:1px;
float:left;
padding:5px;
margin:0 0 0 0;
width:175px;
}
ul#Menu li
{
list-style:none;
padding-bottom:5px;
}
ul#Menu a
{
border-color:8a867a;
border-style:solid;
border-width:1px;
background-color:#fcfcf9;
text-decoration:none;
color:Black;
display:block;
padding:5px;
}
ul#Menu a:hover
{
background-color:c1d2ee;
border-color:316ac5;
border-style:solid;
display:block;
padding:5px;
}
Im Quriks-Modus funktioniert nun alles perfekt, sowohl Firefox als auch IE ... bis natürlich auf den Box-Modell-Bug des IE. Klar dass ich auf den STandard-Mode switche.
Im Standardkonformen Modus passt nun das Layout in beiden Browsern. Doch im IE funktioniert nun plötzlich der Hover-Effekt nicht mehr - die "Schaltfläche" sollte blau aufleuchten durch eine Änderung des background-color-Wertes. Dann fiel mir auf: es werden generell keine per background-color definierten Werte angezeigt (die normale, nicht gehoverte Hintergrundfarbe ist nur ein ganz leichtes grau-weiss, fällt nicht sofort auf wenn das fehlt *G*) - gebe ich im a:hover zB border-width:2px an, funktioniert das Hovern sehr wohl.
Also: warum zeigt hier der IE im standardkonformen Modus keine Hintergrundfarben an, wohl aber im Quirks-Modus? Der Firefox zeigt alles korrekt an, sowohl mit Quirks- als auch Standard-Doktype.
Vielen Dank für Eure Hilfe & lg
Jon