Блог

Главная - Вопросы по программированию - Проблемы с изменением размера окна CSS в IE6

Проблемы с изменением размера окна CSS в IE6

#css #internet-explorer-6

#css #internet-explorer-6

Вопрос:

Хотя почти никто больше не поддерживает 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!)

Комментарии:

1. это может быть связано не только с IE6. Можете ли вы описать, как вы хотите, чтобы отображался ваш пользовательский интерфейс?

2. Когда я попробовал это в своем браузере IE6, все работало нормально … не понял, что вы имели в виду??

3. В других браузерах это работает нормально, поэтому я предполагаю, что это связано с IE6… Где-то может быть какое-то другое определение, которое вызывает это. Там так много всего (css-файлы, мастер-страницы и т.д.), Что я не знаю, с чего начать поиск. Вот почему я спросил, может ли кто-нибудь знать, что может вызвать такую вещь.

Ответ №1:

Я бы посоветовал тщательно проверить ваши внешние файлы css, если в IE6 передан недопустимый селектор, он игнорирует все, что после него.

Кроме того, убедитесь, что вы применяете сброс css, чтобы начинать с одного и того же состояния css в каждом браузере.

Для меня это не похоже на типичную проблему IE6. Похоже, что проблема с кодированием, которую IE6 не может решить с изяществом своих младших кузенов-браузеров.