Colonne sballate su Show-Hide <tr>

[riccardo1975]

Utilizzo frequentemente le funzioni

function Show(id) { if (document.getElementById) { var el=document.getElementById(id); el.style.display="block"; } }
function Hide(id) { if (document.getElementById) { var el=document.getElementById(id); el.style.display="none"; } }


nella tabella qui sotto esemplificata

<table>
<tr>
<td class='tbl2'>Cognome</td>
<td class='tbl2'>Nome</td>
<td class='tbl2'>&nbsp;</td>
</tr>
<tr id='id1'>
<td class='tbl2'>Rossi</td>
<td class='tbl2'>Valentina</td>
<td class='tbl2'><a href='#' onclick="Show('id2');Hide('id1');">id1</a></td>
</tr>
<tr id='id2' style='display:none;'>
<td class='tbl2'>Verdi</td>
<td class='tbl2'>Francesca</td>
<td class='tbl2'><a href='#' onclick="Show('id1');Hide('id2');">id2</a></td>
</tr>
</table>

Cliccando sul link id1 si nasconde il rigo e si visualizza l'altro id2 e viceversa.

Su Explorer tutto ok, mentre su Safari mi succede questo:
safari_corretta.jpg
Quando clicco sul link id1
safari_sballata.jpg
mi sballano le colonne.
Che cosa devo correggere nelle mie istruzioni?

[Vincent.Zeno]

ciao,
ricorda che, come tutti, per postare codice sul forum sei tenuto ad utilizzare il tag [HTML][/HTML]
o [CODE][/CODE] , grazie.
vedi modalità avanzata
lo so... è un casino. speriamo ci cambino presto le interfacce per il codice

meglio se metti una pagina online da vedere e provare

[Enzaccio]

el.style.display=""; per la function Show(id)

---------------------------------------------------------
edit by mod
commento adatto ad OT, inadatto alla sezione html
----------------------------------------------------------

[riccardo1975]

Stavo per postare l'esempio e ho visto questa soluzione. Su Safari è OK, non ho dubbi che lo sia anche su Explorer ma al momento non ho modo di provarlo. Domani lo faccio.

Grazie mille