Ciao.
Ho un problema con l'overflow di un div annidato all'interno di una tabella che ha larghezza 100%. Il problema si presenta con firefox 3 e con ie7, mentre con firefox 2 viene visualizzato correttamente.
A causa della tabella l'overflow del div presente al suo interno non funziona, ed il div diventa più largo della pagina (invece che essere largo al 100%).
Non appena tolgo la tabella più esterna l'overflow del div torna a funzionare, lasciando il div largo come la pagina ed aggiungendo uno scroll al suo interno.
Il problema è che la tabella mi serve, perché ci sono altri elementi sulla pagina organizzati grazie ad essa.
Per caso sapete come risolvere il problema?
<table>
<tr height="100%">
<td>
<div style="overflow: scroll;background-color:#00FFFF;width:100%;height:150px;">
<table width="100%" height="100%" cellspacing="0" cellpadding="1" border="0" dojoattachpoint="_table" class="listdivBorder" style="height: 400px;">
<thead><tr><td valign="middle" align="right" style="-moz-user-select: none;" class="">IDMEDICO</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">MEDICO</td><td valign="middle" align="right" style="-moz-user-select: none;" class="">IDPAZIENTE</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">NOMINATIVO</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">DATATRATTAMENTO</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">DATAORAPRESTAZIONE</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">DESCRIZIONE</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">CODICEAIFA</td><td valign="middle" align="right" style="-moz-user-select: none;" class="">QUANTITA</td><td valign="middle" align="left" style="-moz-user-select: none;" class="">DATAPROSSIMASOMM</td><td valign="middle" align="right" style="-moz-user-select: none;" class="">LOCALSERVICE</td><td valign="middle" align="right" style="-moz-user-select: none; " class="selectedUp">Id</td></tr></thead>
<tbody><tr id="0" class=""><td valign="middle" nowrap="" align="right" style="-moz-user-select: none;"/><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;"/><td valign="middle" nowrap="" align="right" style="-moz-user-select: none;">21080</td><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;">MARZIO BABINI</td><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;">06/05/2008</td><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;">06/05/2008</td><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;">ALOPERIDOLO 5F 2MG IM/EV</td><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;"/><td valign="middle" nowrap="" align="right" style="-moz-user-select: none;"/><td valign="middle" nowrap="" align="left" style="-moz-user-select: none;">08/05/2008</td><td valign="middle" nowrap="" align="right" style="-moz-user-select: none;">47</td><td valign="middle" nowrap="" align="right" style="-moz-user-select: none; ">0</td></tr></tbody>
</table>
</div>
</td>
</tr>
</table>
naturalmente questo è un esempio...in realta io i valori del style.width li devo passare tramite JS ma purtroppo la sintassi che utilizzavo con FireFox2 funzionava ed ora su FireFox3 non funzia più...MA COSA è SUCCESSO???
Potete controllare QUI
http://www.hwupgrade.it/forum/showthread.php?t=1747315 la discussione con un altro ragazzo che ha il mio stesso problema...
Ciao Grazie
