Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    IE6 tabella e div con scrollbar

    Ciao a tutti, avrei bisogno di una dritta su come poter risolvere questo problema. All'interno di un DIV ho una asp.net gridview (che però viene renderizzata come una table html) con un numero elevato di risultati. Imposto al suo DIV contenitore l'overflow in modo da poter scrollare i risultati.
    La tabella ha la dimensione a 100% del suo div contenitore.
    Il codice funziona bene sulle versioni di IE7/8/Firefox in quanto il div container mostra la scrollbar all'interno ed avviene un resize automatico della larghezza della tabella.

    Su IE6 la scrollbar appare all'esterno del div contenitore, allora ho provato as impostare l'overflo-x: hidden e overflow-y: auto ma ottengo che la scrollbar è effettivamente interna al div container ma la tabella non effettua il resize come negli altri browser più moderni...

    Quale sarebbe una possibile soluzione corretta? Grazie a tutti.

  2. #2
    premesso che personalmente ho dato per defunto IE6, ma questo conta poco,

    potresti utilizzare i commenti condizionali

    codice:
    <![if IE 6]>
    css solo per IE6
    <![endif]>

  3. #3
    L'ho dato per defunto anch'io però purtroppo in questo caso ho necessità del supporto. Ma anche utilizzando il css condizionale e riservando lo spazio per la scrollbar su un div utilizzato come wrapper, quando la scrollbar non c'è restaerò lo spazio che nel mio caso è un problema in quanto il background ha un colore diverso dalle righe della tabella...

  4. #4
    dovrai postare un po' di codice se vuoi un aiuto

    così è praticamente impossibile capire cosa succede

  5. #5
    Ciao, ti posto qui un piccolo pezzo di codice sperando di aiuto alla comprensione del problema

    codice:
    <div class="boxContent boxAzioniContenuto boxBottom" style=" height: 340px; ">
       <div id="evImmWrapper" style="background-color: #fff;">
           <table id="tblBld" style="background-color: #fff; overflow-x: hidden; overflow-y: auto;">
           <asp:Repeater ID="rptBuildings" runat="server">
           <ItemTemplate>
           <tr>
               <td class="padtop5 padLeft tdUnderLine" style="vertical-align: top;">
               <%# DataBinder.Eval(Container.DataItem, "xxxxxxxx") %>
               </td>
               <td style="text-align: left; vertical-align: top;" class="padtop5 tdUnderLine padRight">
               <%# DataBinder.Eval(Container.DataItem, "yyyyyyy") %>
               </td>
           </tr>
           </ItemTemplate>
           </asp:Repeater>
           </table>
       </div>
    </div>

    Vorrei riuscire ad avere lo scrollbar sempre all'interno del div contenitore o del wrapper ma che la tabella si ridimensioni all'apparire dello scroll... purtroppo la tabella rimane sempre della dimensione iniziale e impostando l'overflow-x: hidden lo scrollbar si sovrappone al contenuto. non mettendolo la scrollbar viene visualizzata esternamente al contenitore rompendo il layout..

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.