0

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 では動作しません。

明確にするために編集：

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

4

1 に答える 1

0

.gridContainer クラスで、overflow: scroll; を設定します。

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

于 2009-05-05T03:17:33.550 に答える