Hallo Leute.
Mein Mißgeschick ist, dass eine Seite meiner Homepage mit MSIE klappt, aber nicht mit Netscape 6.2
.js
<!--
//Triathlon 2 Dimensional
var y1 = 0;
var y2 = 400;
var x = 0;
var schritt = 1;
var a = 0;
whatbrowser();
sety();
function sety()
{
if(y1 >= 0 || y1 < 400)
{
if(ie)
{
document.all["schw"].style.posTop = y1;
}
if(ns)
{
document.layers["schw"].top = y1;
}
y1 += schritt;
window.status = 'Schwimmen:'+y1+' Radfahren:'+x+' Laufen:'+a;
}
if(y1 < 0 || y1 >= 400)
{
y1 = -100;
if(ie)
{
document.all["bike"].style.left = x;
}
if(ns)
{
document.layers["bike"].left = x;
}
x += schritt;
window.status = 'Schwimmen:ok Radfahren:'+x+' Laufen:'+a;
}
if(x < 0 || x >= 500)
{
x = -100;
if(ie)
{
document.all["jogg"].style.posTop = y2;
}
if(ns)
{
document.layers["jogg"].top = y2;
}
y2 -= schritt;
if(y2 > 0)
{
a++;
window.status = 'Schwimmen:ok Radfahren:ok Laufen:'+a;
}
}
if(y2 <= 0)
{
window.status = 'Schwimmen:ok Radfahren:ok Laufen:ok !!Finisher!!';
}
}
setInterval("sety()",10);
function whatbrowser()
{
ns = (document.layers || navigator.appName == "Netscape" && parseInt(navigator.appVersion) == 5)?true:false;
ie = (document.all)?true:false;
}
//-->
.htm
<html>
<head>
<title>Triathlon</title>
<LINK REL="Stylesheet" TYPE="text/css" HREF="css/triathlon.css">
</head>
<body>
<div id="schw"><img src="images/schw.jpg" width="28" height="100" title="Triathlon"></div>
<div id="bike"><img src="images/biker_1.jpg" width="60" height="66" title="Triathlon"></div>
<div id="jogg"><img src="images/jogg.gif" width="107" height="63" title="Triathlon"></div>
<script language="JavaScript" src="js/sety.js">
</script>
<table align="center">
<tr><h2>Triathlon: Links</h2>
</tr>
</table>
</body>
</html>
.css
<!--
h2
{
color: #FFFFFF;
font-size: 15px;
padding: 3px;
font-family: Tahoma,Arial,Helvetica;
font-weight: 700;
text-decoration: none;
}
a
{
color: yellow;
font-family: Tahoma,Arial,Helvetica;
font-size: 10px;
text-decoration: underlined;
}
body
{
background-color: #203080;
}
font
{
font-color: #FFFFFF;
}
table
{
font-color: #FFFFFF;
color: #FFFFFF;
}
#bike
{
position: absolute;
top: 400;
left: 0;
z-index: 3;
}
#schw
{
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
#jogg
{
position: absolute;
top: 403;
left: 500;
z-index: 3;
}
-->
Was mache denn ich falsch?