Хотя почти никто больше не поддерживает IE6, мне было поручено разработать веб-страницу, совместимую с IE6.
Вот код:
<body style="background-color: #ccccdd;">
<form id="form1" runat="server"
style="margin: 0px 80px 0px 80px;
background-color: #f1f1f1;">
<div id="divPage" style="width: 100%">
<div id="divSelectOption" runat="server">
<div id="divInstruct" style="float: left;
position: relative;
display: inline-block;">
Select your gender:
</div>
<div style="margin-left: 10px;
display: inline-block;">
<asp:RadioButton ID="rbFemale" runat="server" style="display: block;"
Text="Female" GroupName="grpGender" Checked="true" />
<asp:RadioButton ID="rbMale" runat="server" style="display: block;"
Text="Male" GroupName="grpGender" />
</div>
</div>
</div>
</form>
</body>
Вот проблема:
Если браузер IE6 открывает страницу (развернуто или восстановлено (имеется в виду, что окно охватывает только часть экрана)), все отображается нормально.
Однако, если страница загружается приБраузер развернут, а затем пользователь свернул его, divInstruct выдвигается до правого края окна.
Заранее извиняюсь, если вы считаете, что поддержка IE6 - пустая трата времени, ноэто требования клиентов.
Буду признателен за любую помощь.
ОБНОВЛЕНИЕ: Когда я удаляю width: 100% из divPage style атрибутавышеуказанная проблема исчезла;однако это приводит к тому, что атрибут margin form1 перестает работать.(Только в IE6!)