asp.netアプリケーションのIE6パネルに関する問題？

Question

私はIE6で整列の問題に遭遇しました。コードはIE8でうまく動作します。私はIE6をサポートする以外のオプションはありません。

説明：

私のウェブページは2ページが含まれています。ページ1と

号（IE6）：

私は、グリッドビューeach.Iを運ぶPage1の中に二つのパネルを持っているが、ページ内のいくつかのグループ化テキストでパネルを配置したいの.asグリッドビューデータ私は両方のパネルを横に並べて、ページの左側とページの右側に1つ横に並べて保持したい。ちょうどIE8で動作しますが、私はIE6に切り替えると、パネルは垂直に他の上に位置合わせされます。ここ

はページ2とコード

<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> 

号（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では実際には最小高さのように動作します。

、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 */ 
}