Хакерская модель взлома не работает в Internet Explorer 8 - PullRequest
1 голос
/ 12 января 2010

У меня есть два вложенных div s, которые должны иметь высоту 400 пикселей. Div боковой панели правильно отображается в Chrome и Firefox, но в Internet Explorer 8 у меня возникают проблемы с его шириной и достаточно высокой из-за испорченной модели Internet Explorer.

Я пытался использовать хак с блочной моделью, чтобы исправить это, но, похоже, он ничего не делал, поэтому я удалил его. Я попытался использовать фиксированную ширину на боковой панели взлома Internet Explorer, рассчитав, сколько составляло 19% из 880 (ширина div #container) (это было 168 пикселей + 20 пикселей для левого и правого отступов = 188 пикселей), но, похоже, это ничего не изменило, в Internet Explorer он был того же размера.

Как сделать так, чтобы эта веб-страница выглядела в Internet Explorer так же, как в Firefox и Chrome? Я новичок во взломе этой модели коробки.

Исходный код можно найти здесь: http://68.82.27.200/alienscientist/.

Кроме того, верхнее меню недостаточно широкое, а заголовок недостаточно высок в Internet Explorer. Я еще не пытался это исправить, но можно ли исправить это для боковой панели?

1 Ответ

4 голосов
/ 12 января 2010

Проблема Box Model не должна быть проблемой в IE8 , если вы используете строгий тип документа. Я вижу, вы объявили строгий, но некоторые проблемы в верхней части вашего HTML могут отменить это:

<!--  BEGIN HTML HEADER -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="webkit safari safari4 mac">

Я думаю, что строка doctype должна быть вверху, а не комментарий. Вам не хватает атрибутов xml: lang и lang на узле html, который также не должен иметь класс (поместите эти классы в body).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Это в основном просто образованное предчувствие, но попробуйте изменить его и посмотреть, устранится ли проблема.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...