Und wieder hieß die Lösung: verlasse dich auf keine Standards, wenn du für IE programmierst!
Die in allen Browsern lauffähige Version:
css:
Code:
.button { background-color:#445566; color:#cceedd; border-width:1px; border-style:outset; border-color:#cccc00; text-align:center; padding:2px }
.inaktiv { color:#334455; }
.aktiv { color:#ffff00; }
HTML-Teil:
HTML-Code:
<div class="button" style="position:absolute; top:192px; left:480px; width:56px; height:40px; display:block">
<a href="javascript:neue_ablagen()">
<span class="inaktiv" id="ablagen">Ablage ändern</span>
</a>
</div>
Javascript-Teil:
Code:
document.getElementById("ablagen").className="inaktiv";
// bzw. "aktiv", je nachdem, was man braucht
Wir halten fest:
Die CSS-Anweisungen inaktiv und inaktiv a werden bei Seitenaufbau von allen Browsern verstanden, bei DHTML (DOM-Änderung via Javascript) versagt der IE8 bei inaktiv a jämmerlich.
Lesezeichen