2009-10-21 2 views
4

У меня есть страница с Gridview ASP.NET на ней ... этот Gridview находится в дочернем DIV внутри родительского DIV. Этот Gridview часто может быть шире, чем установленная родительская ширина DIV. В IE6 MAINDIV (родительский DIV) будет расширяться, чтобы соответствовать расширенному Gridview, содержащемуся в дочернем DIV. В IE7 DIV не будет расширяться, поэтому он перекрывает DIV и выглядит плохо. Я хочу, чтобы MainDiv динамически увеличивался с шириной DIV для детей, как это было в IE6.DIV Ширина не расширяется, чтобы установить ширину дочерних DIVs - IE7

См. Мой код ниже. Я хочу, чтобы MainDiv оставался ~ 800px, если он не будет вытеснен дальше.

Спасибо за любые идеи по исправлению для этого. Всякий раз, когда я пытаюсь использовать min-width, он просто удаляет родительский 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> 
+0

Не могли бы вы оставить остальную часть своего кода? – Scott

+0

Albert

+0

, Что самый простой способ размещения кода здесь? есть ли какой-то тег, который мне нужно использовать до и после кода? – Albert

ответ

1

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