Проблемы с панелями IE6 в приложении asp.net?

Question

Я столкнулся с проблемами выравнивания с IE6.Code прекрасно работает с IE8. У меня нет другого выбора, кроме как поддерживать IE6.

Описание:

Моя веб-страница содержит две страницы.

Проблема со страницей 1 (IE6):

У меня есть две панели на странице1, каждая из которых содержит сетку. Я хочу разместить на странице панели с некоторым группирующим текстом. Поскольку данные вида сетки растут, я хочу, чтобы обе панели были выровнены горизонтально по одной слева сторона страницы и одна на правой стороне страницы. Так что это работает точно в 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>

Проблема со страницей 2 (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 не поддерживает максимальную высоту. Вы можете использовать обычную высоту, но в IE6 она ведет себя как минимальная высота.

Чтобы сделать max-height в ie6, перейдите по этой ссылке: 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 */
}