Menue geht nicht bei Mozilla aber bei Explorer?

[Jürgen Otto]

Hallo Leute,
dieses mini menue geht nicht bei mozilla (ohne Fehler angabe)?
aber beim explorer?

Habt ihr evtl eine alternative?
MFG

<div id="Web" onmouseover="zindex(1);"
style="
z-index:-1;
text-align:center;
position: absolute;
background-color:#FFFFCC">
Web
</div>
<div id="Webfeld"
style="
z-index:-1;
position: absolute;
background-color:#FFFFCC">
WebfeldWebfeldWebfeldWebfeldWebfeld
</div>

<div id="Bilder" onmouseover="zindex(2);"
style="
z-index:-2;
text-align:center;
position: absolute;
background-color:#FFFFCC">
Bilder
</div>
<div id="Bilderfeld"
style="
z-index:-2;
position: absolute;
background-color:#FFFFCC">
BilderfeldBilderfeldBilderfeldBilderfeld
</div>

<div id="Audio" onmouseover="zindex(3);"
style="
z-index:-3;
text-align:center;
position: absolute;
background-color:#FFFFCC">
Audio
</div>
<div id="Audiofeld"
style="
z-index:-3;
position: absolute;
background-color:#FFFFCC">
AudioAudioAudioAudio
</div>

<div id="Video" onmouseover="zindex(4);"
style="
z-index:-4;
text-align:center;
position: absolute;
background-color:#FFFFCC">
Video
</div>
<div id="Videofeld"
style="
z-index:-4;
position: absolute;
background-color:#FFFFCC">
vvvvvvvvvvvvvvv
</div>

<script language="javascript">

function zindex(Name){

if (Name==1)
{document.getElementById("Webfeld").style.zIndex= 1}
else
{document.getElementById("Webfeld").style.zIndex= -1}

if (Name==2)
{document.getElementById("Bilderfeld").style.zIndex= 1}
else {document.getElementById("Bilderfeld").style.zIndex= -2}

if (Name==3)
{document.getElementById("Audiofeld").style.zIndex= 1}
else {document.getElementById("Audiofeld").style.zIndex= -3}

if (Name==4)
{document.getElementById("Videofeld").style.zIndex= 1}
else {document.getElementById("Videofeld").style.zIndex= -4}

}

document.getElementById("Web").style.left = (screen.width/2)-400;
document.getElementById("Web").style.top= 15;
document.getElementById("Web").style.width= 50;
document.getElementById("Web").style.height= 20;
document.getElementById("Webfeld").style.left = (screen.width/2)-400;
document.getElementById("Webfeld").style.top= 35;
document.getElementById("Webfeld").style.width= 400;
document.getElementById("Webfeld").style.height= 400;

document.getElementById("Bilder").style.left = (screen.width/2)-350;
document.getElementById("Bilder").style.top= 15;
document.getElementById("Bilder").style.width= 50;
document.getElementById("Bilder").style.height= 20;
document.getElementById("Bilderfeld").style.left = (screen.width/2)-400;
document.getElementById("Bilderfeld").style.top= 35;
document.getElementById("Bilderfeld").style.width= 400;
document.getElementById("Bilderfeld").style.height= 400;

document.getElementById("Audio").style.left = (screen.width/2)-300;
document.getElementById("Audio").style.top= 15;
document.getElementById("Audio").style.width= 50;
document.getElementById("Audio").style.height= 20;
document.getElementById("Audiofeld").style.left = (screen.width/2)-400;
document.getElementById("Audiofeld").style.top= 35;
document.getElementById("Audiofeld").style.width= 400;
document.getElementById("Audiofeld").style.height= 400;

document.getElementById("Video").style.left = (screen.width/2)-250;
document.getElementById("Video").style.top= 15;
document.getElementById("Video").style.width= 50;
document.getElementById("Video").style.height= 20;
document.getElementById("Videofeld").style.left = (screen.width/2)-400;
document.getElementById("Videofeld").style.top= 35;
document.getElementById("Videofeld").style.width= 400;
document.getElementById("Videofeld").style.height= 400;

</script>

[Der Martin]

Hallo Jürgen,

dieses mini menue geht nicht bei mozilla (ohne Fehler angabe)?

weil er ungültige CSS-Angaben einfach ignoriert.

aber beim explorer?

Der versucht zu erraten, was du wohl gemeint haben könntest - und rät manchmal sogar richtig.

<script language="javascript">

Fehler: Das type-Attribut fehlt. Dafür darfst du das language-Attribut getrost in Rente schicken.

document.getElementById("Web").style.left = (screen.width/2)-400;
document.getElementById("Web").style.top= 15;
document.getElementById("Web").style.width= 50;
document.getElementById("Web").style.height= 20;
document.getElementById("Webfeld").style.left = (screen.width/2)-400;
document.getElementById("Webfeld").style.top= 35;
document.getElementById("Webfeld").style.width= 400;
document.getElementById("Webfeld").style.height= 400;

Und hier fehlen plötzlich überall die Einheiten, deshalb sind diese Angaben allesamt ungültig. 15 Pantoffel, 50 Bocksprünge, 20 Angström, 35 Pfefferschoten, 400 Kieselsteine.

Was ist übrigens, wenn jemand Javascript deaktiviert hat? Achte mal drauf, dass deine Navi dann wenigstens noch benutzbar bleibt, auch wenn vielleicht sämtliche Dynamik fehlt und die Optik leidet.

So long,
 Martin

[D.R.]

Hallo,

dieses mini menue geht nicht bei mozilla (ohne Fehler angabe)?

Auch keine Warnungen wegen fehlerhaften CSS-Attributen?

document.getElementById("Web").style.top= 15;

In CSS müssen Maßeinheiten IMMER (außer bei 0) mit angegeben werden.
Dieser Abschnitt würde dann z.B. so aussehen:
document.getElementById("Web").style.top= 15 + "px";

mfg. Daniel