Topic: Problemone gestione overflow FF2 vs FF3

[ispooky]

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?

Codice: [Seleziona]

<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

[mc2]

Work around: 

Codice: [Seleziona]

<table width="100%">
  <tr height="100%">
  <td>
    <div style="overflow: scroll;width:100%;height:150px;">
        <div style="width:1px"><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>
    </div>
  </td>
  </tr>
</table>

Cut & Paste...
Ciao,
Mc2