Steph: BILD IN 4 RICHTUNGEN

Beitrag lesen

Hallo erstmal,
ich brauche dringend hilfe, denn ich muss wissen, wie man
ein Bild bewegt.Und das mit 4 buttons.
ich hab hier ein code:

<html>
<head>
</head>

<script language="JavaScript">
var a=200;
var b=200;

function bewegena()
{
if (a<250)
{
a++;
bild.style.top=a;
window.setTimeout ('bewegen()', 1);
}
}
function bewegenb()
{
if (a>150)
{
a++;
bild.style.bottom=a;
window.setTimeout ('bewegen()', 1);
}
}
function bewegenc()
{
if (b<250)
{
b++;
bild.style.left=b;
window.setTimeout ('bewegen()', 1);
}
}
function bewegend()
{
if (b>150)
{
b++;
bild.style.right=b;
window.setTimeout ('bewegen()', 1);
}
}
</script>
<input type="button" value="bewegena" onClick="bewegena()">
<input type="button" value="bewegenb" onClick="bewegenb()">
<input type="button" value="bewegenc" onClick="bewegenc()">
<input type="button" value="bewegend" onClick="bewegend()">
<div id ="bild"  style="position:absolute; left:200px; top:200px">
<img src = "Das Bild">
</div>
</body>
</html>

Aber es klappt nur "bewegena()" und "bewegenc()".
es will nicht nach oben oder nach rechts...

->Ich habe IE7

Bitte den Code korrigiert hinschreiben wenns geht. Danke.