manyak online: Sichtbarmachen von Div's geht nicht

Beitrag lesen

Bei meiner Seite(für IE) soll zu jedem Tabelleneintrag die dazugehörige Nummer (in ein Div eingepackt) angezeigt werden.
aus einem mir unbekannten Grund bekomme ich auch nach mehrfachem systematischen Ausprobieren.

"Zeile : 40
Zeichen: 1
Fehler: Die visibility Eigenschaften wurden nicht gefunden. Ungültiges Argument.
Code:    0"

Außerdem musste ich feststellen, dass die Angabe visibility="unvisible" im IE nichts bewirkt.
Damit ich euch auch ja keine mögliche Fehlerquelle vorenthalte, hier der Quelltext.

Vielen Dank schon Mal im voraus!

<html>
<head>
<style type="text/css">
    #bech { position:absolute; left:300px; top:20px; width:407px; height:20px; visibility:hidden; }
    #beck { position:absolute; left:300px; top:40px; width:407px; height:20px; visibility:hidden; }
    #egge { position:absolute; left:300px; top:60px; width:407px; height:20px; visibility:hidden; }
    #espi { position:absolute; left:300px; top:80px; width:407px; height:20px; visibility:hidden; }

</style>

<script language="javascript">

function zeigen()
{
document.all.tags("div")[0].style.visibility= "show";
}

function zeigena()
{
document.all.tags("div")[1].style.visibility= "shown";
}

function zeigenab()
{
document.all.tags("div")[2].style.visibility= "visible";
}

function zeigenb()
{
document.all.tags("div")[3].style.visibility= "visible";
}

</script>

du möchtest wahrscheinlich die letzten 4 divs deines dokuments sichtbar machen, machst aber im skript oben die ersten vier sichtbar.
korrektur(internet explorer):
-vergebe deinen divs namen: <div id="div0">...</div>
-verstecke dieses div mit css
 visibility:hidden;
-sichtbar machst du dieses div mit javascript
 document.all['div0'].style.visibility='visible';

</head>
<body>
HI
<table WIDTH="250" >
<tr>
<td>Name: </td>

<td>
<div align=right>Nickname: </div>
</td>
</tr>

<tr>
<td><b>Benjamin</b> Bechtold </td>

<td>
<div align=right><a href="javascript: zeigen()">Benni</a></div>
</td>
</tr>

<tr>
<td><b>Laura</b> Becker </td>

<td>
<div align=right><a href="javascript: zeigena()">Laura</a></div>
</td>
</tr>

<tr>
<td><b>Sebastian</b> Egger </td>

<td>
<div align=right><a href="javascript: zeigenab()">Seppel</a></div>
</td>
</tr>

<tr>
<td><b>Dominik</b> Espitalier </td>

<td>
<div align=right><a href="javascript: zeigenb()">Dommi</a></div>
</td>
</tr>

</table>

<div id="bech" style="position:absolute; left:300px; top:20px; width:407px; height:20px; visibility:hidden;"> 06172-72441</div>

<div id="beck" style="position:absolute; left:300px; top:40px; width:407px; height:20px; visibility:hidden;">06172-1382</div>

<div id="egge" style="position:absolute; left:300px; top:60px; width:407px; height:20px; visibility:hidden;">06007-7385</div>

<div id="espi" style="position:absolute; left:300px; top:80px; width:407px; height:20px; visibility:unvisible;">06172-72312</div>

</body>
</html>