2009-03-27 4 views
0

Je voulais savoir s'il y avait un moyen de résoudre le problème de barre de défilement que je rencontre avec IE7.IE7 n'affiche pas automatiquement les barres de défilement?

Voici mon CSS:

.gridContainer { 
    height: 500px; 
    width: 410px; 
    overflow: auto; 
    background-color: #fff; 
    border: 1px solid #6699CC; 
} 
.Grid { 
    width: 100%; 
    background-color: #fff; 
} 
.Grid td { 
    height: 13px; 
    min-width: 30px; 
    padding-left: 5px; 
    text-align: left; 
    border-top: 1px solid #C4DDFF; 
} 
.GridHeader { 
    font-weight: bold; 
    height: 20px; 
    min-width: 30px; 
    padding-left: 10px; 
    text-align: left; 
    background-color: #F0F0F0; 
    border-bottom: #999; 
} 

Et voici le HTML:

<div class="gridContainer"> 
    <asp:GridView ID="GridView2" runat="server" GridLines="None" CssClass="Grid" AutoGenerateColumns="False" 
     AllowSorting="True" onsorting="GridView2_Sorting"> 
     <RowStyle CssClass="GridItem" /> 
     <Columns> 
      <asp:TemplateField> 
      <ItemTemplate> 
       <asp:CheckBox ID="chkSelect" runat="server" /> 
      </ItemTemplate> 
      <HeaderTemplate> 
       <asp:CheckBox ID="chkSelectAll" runat="server" onclick="SelectAll2(this);" /> 
      </HeaderTemplate> 
     </asp:TemplateField> 
      <asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True" 
       SortExpression="Name" /> 
      <asp:BoundField DataField="Position Type" HeaderText="Position Type" 
       SortExpression="Position Type" /> 
     </Columns> 
     <HeaderStyle CssClass="GridHeader" /> 
     <AlternatingRowStyle CssClass="GridAltItem" /> 
    </asp:GridView> 
</div> 

Il fonctionne très bien dans d'autres navigateurs, mais pour une raison non IE7.

Edité pour la clarification:

Voici ce que je suis en train d'accomplir: Il y a un div avec un fixe width et height et à l'intérieur il y a un gridview. Si la largeur ou la hauteur de gridview dépasse la taille fixe du div, je voudrais que les barres de défilement apparaissent sur le div.

+0

Pouvez-vous expliquer un peu plus ce que vous essayez de faire et le résultat? Vous l'avez laissé à notre imagination ici. – jerebear

+0

Pouvez-vous fournir un exemple de travail avec HTML réel? Ce que vous avez fourni en HTML n'est pas du HTML. Il est beaucoup plus facile de comprendre ce qui ne fonctionne pas quand il y a quelque chose de réel à jouer. –

+0

Veuillez ajouter la balise asp.net à cette question –

Répondre

0

Dans votre classe .gridContainer, définissez un dépassement de capacité: faites défiler;

Cela ajoutera des barres de défilement au div si le contenu interne dépasse sa largeur ou sa hauteur définie.

+0

'overflow: scroll' ajoute des barres de défilement indépendamment de la taille du contenu. Je crois que le plus approprié ici serait «overflow: auto» (affichant uniquement les barres de défilement lorsque le contenu est plus grand que le parent). Au moins c'est ce que [MDN] (https://developer.mozilla.org/en/docs/Web/CSS/overflow#Examples) dit –

Questions connexes