Question

我遇到IE6.Code的对齐问题与IE8的工作正常。我没有其他选择，只能支持IE6。

说明

我的网页包含两个页面。

第1页（IE6）问题：

我在page1中有两个面板，每个面板都带有一个网格视图。我想在页面中放置一些分组文本。随着网格视图数据的不断增长，我希望保持两个面板水平对齐一个左边页面的一侧和页面右侧的一个。所以它在IE8中完全正常工作，但是当我切换到IE6时，面板在垂直方向上对齐。

这是代码

<div>
     <div style="float: left">
            <table width="100%">
                <tr>
                    <td>
                        <asp:Panel ID="pnlUsers" runat="server" GroupingText="UserDetails "Wrap="true">

                        </asp:Panel>
                    </td>
                </tr>
            </table>

        </div>



 <div style="float: right">
            <table align="center" width="100%">
                <tr>
                    <td>
                        <asp:Panel ID="pnlLocation" runat="server" GroupingText="Location Details" Wrap="true">

                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </div>
</div>

Page2（IE6）

的问题

因此，在此页面中，不会采用面板的最大高度，并且无论面板设置的最大高度如何，它都会垂直延伸!!!

    <asp:Panel ID="pnlAge" runat="server"  ScrollBars="Vertical" Width="100%"
            HorizontalAlign="Center" CssClass="pnlAlignmentClass">

            <asp:GridView runat="server" ID="gvages" AutoGenerateColumns="False" CellPadding="4"  Width="100%">
</asp:GridView>

        </asp:Panel>

CSS：

.pnlAlignmentClass
    {
        max-height: 310px;
        overflow: auto;
    }

如果有人能提出正确的道路，我将不胜感激。

Answer 1

IE6不支持max-height。你可以使用常规高度，但在IE6中它实际上表现得像min-height。

要在ie6中执行max-height，请点击以下链接：http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

* html div#division { 
   height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE */
}

div#division {
   max-height: 333px; /* sets max-height value for all standards-compliant browsers */
}

asp.net应用程序中IE6面板的问题？

1 个答案: