Блог

Главная - Вопросы по программированию - Div в IE (начальная загрузка Twitter)

Div в IE (начальная загрузка Twitter)

#css #twitter-bootstrap

#css #twitter-начальная загрузка

Вопрос:

Я получил следующий код и использую twitter bootstrap.

 <div class="span10">
    <div class="span2">@Html.Label("lblUsername", "Username : ")</div>
    <div class="span7">
        @Html.TextBoxFor(x => x.Username)
    </div>
    @Html.ValidationMessageFor(x => x.Username)
</div>

<div class="span10">
    <div class="span2">@Html.Label("lblPassword", "Password : ")</div>
    <div class="span7">
        @Html.PasswordFor(x => x.Password)
    </div>
</div>
<div class="span10">
    <div class="span2">@Html.Label("lblName", "Name : ")</div>
    <div class="span7">
        @Html.TextBoxFor(x => x.Name)
    </div>

</div>
<br />
<div class="span10"><input type="submit" value="Submit" /></div>

Способ отображения в Chrome и IE отличается, кто-нибудь может сказать мне, почему? Вы можете проверить изображение ниже, каким-то образом div для текстового поля переходит к следующей строке в IE 9.

Сравнение

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

1. Находится ли IE в режиме Quirks? Нажмите F12, чтобы вызвать инструменты разработчика для проверки.

2. Похоже, IE игнорирует значения с плавающей точкой. Какой у вас css?

3. Хм, странно, я добавил это (<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//RU» » » rel=»nofollow noreferrer»> w3.org/TR/xhtml11/DTD/xhtml11.dtd «> ) поверх моей веб-страницы, и теперь это работает. Да, проблема в режиме Quirks, спасибо @thirtydot

Ответ №1:

Я догадался об этом..

Находится ли IE в режиме Quirks? Нажмите F12, чтобы вызвать инструменты разработчика для проверки.

..из-за способа отображения элементов; для меня это выглядело как режим Quirks.

В вашем случае проблема заключалась в том, что у вас не было допустимого doctype (такого как <!DOCTYPE html> ) в качестве первой строки.