2009-03-27 8 views
0

Ich wollte wissen, ob es eine Möglichkeit gibt, Scrollbar Problem zu beheben, das ich mit IE7 habe.IE7 Scrollbalken nicht automatisch anzeigen?

Hier ist meine 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; 
} 

Und hier ist der 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> 

Es funktioniert in anderen Browsern, aber aus irgendeinem Grund nicht in IE7.

Edited zur Klärung:

Hier ist, was ich versuche zu erreichen: Es gibt eine div mit einem festen width und height und im Inneren gibt es eine gridview. Wenn die Breite oder Höhe der gridview die feste Größe der div überschreitet, möchte ich, dass die Bildlaufleisten auf der div angezeigt werden.

+0

Können Sie etwas mehr erklären, was Sie versuchen und das Ergebnis? Sie haben es hier unserer Vorstellung überlassen. – jerebear

+0

Können Sie ein funktionierendes Beispiel mit tatsächlichem HTML bereitstellen? Was Sie als HTML bereitgestellt haben, ist nicht wirklich HTML. Es ist viel einfacher herauszufinden, was nicht funktioniert, wenn etwas wirklich zu spielen ist. –

+0

Bitte fügen Sie das asp.net-Tag zu dieser Frage –

Antwort

0

In Ihrem .gridContainer Klassensatz Überlauf: scroll;

Dies fügt Bildlaufleisten zum div hinzu, wenn der innere Inhalt über die eingestellte Breite oder Höhe hinaus wächst.

+0

'overflow: scroll' fügt Bildlaufleisten unabhängig von der Größe des Inhalts hinzu. Ich glaube, das am besten geeignete wäre hier "Überlauf: Auto" (nur Anzeigen von Bildlaufleisten, wenn der Inhalt größer ist als der Elternteil). Zumindest sagt das [MDN] (https://developer.mozilla.org/en/docs/Web/CSS/overflow#Examples) –

Verwandte Themen