2009-03-27 4 views
0

Я хотел знать, есть ли способ исправить проблему прокрутки, которую я имею с IE7.IE7 не отображает полосы прокрутки автоматически?

Вот мой 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; 
} 

А вот 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> 

Это отлично работает в других браузерах, но по какой-то причине не в IE7.

Edited разъяснений:

Вот что я пытаюсь выполнить: Существует div с фиксированным width и height и внутри него есть gridview. Если ширина или высота gridview превышает фиксированный размер div, я бы хотел, чтобы полосы прокрутки отображались на div.

+0

Можете ли вы объяснить немного больше того, что вы пытаетесь сделать и результат? Вы оставили это для нашего воображения. – jerebear

+0

Можете ли вы представить рабочий пример с фактическим HTML? То, что вы предоставили как HTML, на самом деле не является HTML. Гораздо легче понять, что не работает, когда есть что-то реальное, чтобы поиграть. –

+0

, пожалуйста, добавьте тег asp.net на этот вопрос –

ответ

0

В вашем классе класса .gridContainer переполнение: прокрутка;

Это добавит полосы прокрутки в div, если внутреннее содержимое будет превышать установленную ширину или высоту.

+0

'overflow: scroll' добавляет полосы прокрутки независимо от размера содержимого. Я считаю, что наиболее подходящим здесь будет «overflow: auto» (только отображение полос прокрутки, когда контент больше, чем у родителя). По крайней мере, это то, что [MDN] (https://developer.mozilla.org/en/docs/Web/CSS/overflow#Examples) говорит –

Смежные вопросы