DIV宽度不扩展以适合儿童DIV的宽度 - IE7

时间:2009-10-21 13:52:20

标签: css internet-explorer-7 width

我有一个带有ASP.NET Gridview的页面......这个Gridview位于父DIV中的子DIV中。 Gridview通常比父DIV宽度集宽。在IE6中,MAINDIV(父DIV)将扩展以适应子DIV中包含的扩展Gridview。在IE7中,DIV不会扩展,因此它与DIV重叠并且看起来很糟糕。我希望MainDiv能够与子DIV宽度一起动态增长,就像在IE6中一样。

请参阅下面的代码。我希望MainDiv保持~800px,除非它被进一步推出。

感谢您对此进行修复的任何想法。每当我尝试最小宽度时,只需将父DIV吹出100%的屏幕大小。

<body style="width:100%;text-align:center;background-color:#68838B" onload="loadpage();"> 
  <form id="frmMain" runat="server"> 
    <div id="mainDiv" style="position:relative;top:10px;width:800px;height:auto; background-color:white;border:solid 1px #666666"> 
      <div id="contentDiv" style="text-align:left;width:797px; padding:3px 3px 3px 3px;"> 
        <asp:ContentPlaceHolder ID="contentBody" runat="server">
        </asp:ContentPlaceHolder> 
      </div> 
    </div> 
  </form> 
</body> 

1 个答案:

答案 0 :(得分:1)

你告诉它有width:800px这就是它的含义。 IE6错误地将width视为min-width。将IE6样式移动到单独的样式表中,并使用条件注释覆盖min-width(IE6不支持)width