2009-03-27 10 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で正常に動作します。明確化のため

編集:

は、ここで私が達成しようとしているものです:固定widthheightdivあり、その内側にgridviewあります。 gridviewの幅または高さがdivの固定サイズを超える場合は、スクロールバーをdivに表示します。

+0

あなたがやろうとしていることと結果をもう少し説明できますか?あなたはそれをここの想像力に任せました。 – jerebear

+0

実例を実際のHTMLで提供できますか?あなたがHTMLとして提供したのは、実際にはHTMLではありません。それは本当に何かが本当に遊んでいるときに働いていないものを理解するのはずっと簡単です。 –

+0

この質問にasp.netタグを追加してください –

答えて

0

.gridContainerクラスでオーバーフローを設定します。

内部コンテンツが設定された幅または高さを超えると、スクロールバーがdivに追加されます。

+0

'overflow:scroll'はコンテンツのサイズに関係なくスクロールバーを追加します。ここで最も適切なのは、「オーバーフロー:自動」(コンテンツが親より大きい場合にスクロールバーを表示するだけです)だと思います。少なくともそれは[MDN](https://developer.mozilla.org/en/docs/Web/CSS/overflow#Examples)によると –

関連する問題