Salve a tutti,
Ho un problema con un DIV contenuto dentro un'ancora, e all'interno di questo è presente una tabella. Posto il listato HTML così da rendere più facile la comprensione.
Codice PHP:
<a href='match.php?match=80841fa3&sq1=Milan&sq2=Juventus&data=11/04/2013'>
<div class='risultato'>
<span id='data'>11/04/2013</span>
<table width='100%' border='0'>
<tr>
<td width='25%' align='right'><span id='titolo'>Milan</span></td>
<td width='25%' align='right'>[b]3[/b]</td>
<td> - </td>
<td width='25%' align='left'>[b]3[/b]</td>
<td width='25%' align='left'><span id='titolo'>Juventus</span></td>
</tr>
</table>
</div>
</a>
Per ora l'utilizzo della tabella è temporaneo, prossimamente la cambiero con una serie di DIV.
Non ho trovato nulla a riguardo del mio problema, ma sembra che in IE8 (l'unico IE che ho a disposizione) il click si attivi solo quando premo su una scritta contenuta nella tabella, mentre su altri browser (Chrome, Firefox, Opera, Safari etc..) il DIV è interamente clickabile.
Come posso rendere l'intero DIV clickabile anche su IE8?
Posto anche il codice CSS nel caso fosse utile
Codice PHP:
.risultato {
background: #fff;
width: auto;
height: auto;
border:1px solid #D3D3D3;
margin-bottom: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.risultato:hover {
background: #ADD8E6;
cursor: pointer;
}
Grazie per l'aiuto.