Ширина DIV не увеличивается, чтобы соответствовать ширине дочерних DIVs - IE7 - PullRequest
Новая
       11

Ширина DIV не увеличивается, чтобы соответствовать ширине дочерних DIVs - IE7

4 голосов
/ 21 октября 2009

У меня есть страница с Gridview на ASP.NET ... это Gridview находится в дочернем DIV внутри родительского DIV. Этот Gridview часто может быть шире, чем родительский набор ширины DIV. В IE6 MAINDIV (родительский DIV) расширяется, чтобы соответствовать расширенному Gridview, содержащемуся в дочернем DIV. В 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 Ответ

1 голос
/ 01 февраля 2012

Вы сказали, что у него есть width:800px, вот что у него есть. IE6 неправильно трактовал width как min-width. Переместите ваши стили IE6 в отдельную таблицу стилей и используйте условные комментарии, чтобы переопределить min-width (который IE6 не поддерживает в любом случае) с width.

...