Matze: Tabellenrahmen verschwinden nach display = block

Hallo!

Ich habe ein kleines Problem mit einer Tabelle.

Als Beispiel:
<table cellspacing="0" cellpadding="0" rules="all" id="tbl">
    <thead>
        <tr>
            <td colspan="4">Tabelle</td>
        </tr>
    </thead>
    <tr>
        <td>Name</td>
        <td>Telefonnr.</td>
        <td>Name</td>
        <td>Telefonnr.</td>
    </tr>
</table>

Mit dem onload-Event lasse ich nach dem Laden der Seite die Tabelle per JavaScript ausblenden.
Dazu benutze ich document.getElementById('tbl').style.display = 'none';

Über einen Link möchte ich die Tabelle dann wieder anzeigen lassen:

  
function show_tbl(){  
    document.getElementById('tbl').style.display = 'block';  
}  

<a href="javascript:show_tbl()">Zeigen</a>

Dabei gehen mir aber die senkrechten Linen innerhalb der Tabelle verloren.
Die Ränder links und rechts haben ihre Linien.
Schalte ich JavaScript ab, sieht die Tabelle aus wie sie soll.

Kennt jemand das Problem oder mache ich einen Fehler?

Danke und Grüße, Matze

  1. Das liegt daran, dass tables bei display nicht standardmäßig "block", sondern "table" stehen haben...

    Der Einfachheit halber display einfach auf "" setzen.

    Gruß, LX

    --
    RFC 1925, Satz 3: Mit ausreichendem Schub fliegen Schweine wunderbar. (...)
    1. Das liegt daran, dass tables bei display nicht standardmäßig "block", sondern "table" stehen haben...

      Der Einfachheit halber display einfach auf "" setzen.

      Danke schön!
      Ich setz display gern auf 'table', das ist auch nicht schwer ;)

      Grüße, Matze

      1. Ich setz display gern auf 'table', das ist auch nicht schwer ;)

        Nicht jeder Browser versteht display: table; - besonderes alter Internet Explorer rendern Tabellen etwas eigen - da ist die Voreinstellung eben nicht table sondern "etwas anderes, eigenes" :)

        Darum hat LX auch vorgeschlagen, einen Leerstring zu setzen.

      2. Yerf!

        Danke schön!
        Ich setz display gern auf 'table', das ist auch nicht schwer ;)

        Das kann aber zu Problemen im IE 7 (und älter) führen, da der diese Eigenschaft nicht kennt, bei "" wird automatisch der Default genommen.

        Gruß,

        Harlequin

        --
        <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
      3. @@Matze:

        nuqneH

        Ich setz display gern auf 'table', das ist auch nicht schwer ;)

        Aber für IE < 8 unwirksam.

        Qapla'

        --
        Bildung lässt sich nicht downloaden. (Günther Jauch)
      4. Daanke für die Hinweise. Dann ebend doch "".

        Grüße, Matze