Hide Show con Safari

[riccardo1975]

Ho una cosa di questo tipo:



creata dal seguente codice:

<table width="200" border="1">
<tr>
<td onMouseOver="document.getElementById('A').style.di splay='block';document.getElementById('B').style.d isplay='none';document.getElementById('C').style.d isplay='none';">A</td>
<td onMouseOver="document.getElementById('A').style.di splay='none';document.getElementById('B').style.di splay='block';document.getElementById('C').style.d isplay='none';">B</td>
<td onMouseOver="document.getElementById('A').style.di splay='none';document.getElementById('B').style.di splay='none';document.getElementById('C').style.di splay='block';">C</td>
</table>
<table width="200" border="1" id='A'>
<tr>
<td rowspan="2">AAA</td>
<td rowspan="2">AAA</td>
<td>AAA</td>
</tr>
<tr>
<td>AAA</td>
</tr>
</table>
<table width="200" border="1" id='B' style="display:none;">
<tr>
<td rowspan="2">BBB</td>
<td rowspan="2">&BBB</td>
<td>BBB</td>
</tr>
<tr>
<td>BBB</td>
</tr>
</table>
<table width="200" border="1" id='C' style="display:none;">
<tr>
<td rowspan="2">CCC</td>
<td rowspan="2">CCC</td>
<td>CCC</td>
</tr>
<tr>
<td>CCC</td>
</tr>
</table>

Quando onmouseover vado sui td della prima tabella, mi compare uno spazio fra i dati e l'ultima linea a destra, così:



Con Explorer funziona correttamente ma vorrei funzionasse anche con Safari.

come posso farlo?

[abellos]

ciao se ho capito bene non vuoi che faccia lo spazio bianco in fondo alla tabella che viene visualizzata, ho provato con firefox e dava lo stesso problema ma safari non c'e' l'ho installato, ho risolto impostando la larghezza delle celle in modo fisso:

<table width="200" border="1" id='A'>
<tr>
<td width="66" rowspan="2">AAA</td>
<td width="67" rowspan="2">AAA</td>
<td width="67">AAA</td>
</tr>
<tr>
<td width="67">AAA</td>
</tr>
</table>

[Xinod]

no, no
per mostrare gli elementi di una tabella devi settare il display opportuno, che non e' block ma table-row per i tr, table-cell per i td, etc
http://www.w3schools.com/cssref/pr_class_display.asp