Можете ли вы сказать мне, почему моя веб-страница отображается по-разному в IE и как это исправить

Question

Я просматривал все кросс-браузерные вопросы, связанные с CSS, безуспешно пытаясь решить мои проблемы со стилем IE. Может кто-нибудь сказать мне, как исправить стили моей домашней страницы, чтобы они отображались в IE так же, как в настоящее время в Firefox? Я использовал Firebug (возможно, поэтому он хорошо выглядит в Firefox), но я не могу найти инструменты для IE, которые позволили бы мне изменять таблицу стилей в реальном времени. Мне так же интересен процесс выяснения этого ответа, как и самому ответу, поэтому было бы полезно опубликовать шаги, которые вы предприняли, чтобы выяснить его. (хочу сделать это сам в следующий раз !!!)

Веб-сайт AppQandA.com . Прокрутите вниз до конца в IE и обратите внимание на нижний колонтитул. Это не так на каждой странице ..... только главная страница и страница вопросов.

Answer 1

Существует инструмент для ie, называемый ie tester, который позволяет проверить, как сайт выглядит во всех версиях ie. Этот инструмент также имеет панель отладки, не имеет столько функций, как firebug, на самом деле довольно ограничен, но позволяет вам изучать DOM и стили.

Существует также версия firebug (firebug lite), которую вы можете использовать, т. Е. Хотя вам нужно создать ссылку на своей веб-странице, чтобы использовать ее, см. Firebug Lite

Я думаю, что проблема с вашей страницей, если вы посмотрите с помощью firebug, в вашем правиле #footer:

#footer{
  margin:0 auto 15px
}

Попробуйте удалить 15 пикселей и посмотрите, как у вас дела.

Answer 2

Проблема в IE заключается в "border-left: 10px solid # 333333;" править. Если я удаляю это, это работает в IE (но, очевидно, ломается в Firefox).

Существует инструмент, похожий на Firebug для Internet Explorer:

http://www.stevefenton.co.uk/Content/Blog/Date/200902/Blog/Something-Like-Firebug-For-Internet-Explorer/

Потенциальные исправления:

1) Стили, специфичные для браузера (чёрт), это будет быстрое решение, чтобы заставить его работать Поместите другую таблицу стилей ПОСЛЕ вашей основной таблицы стилей, чтобы переопределить стиль:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

А внутри, переопределить правило ...

#footer { border-left: none; }

РЕДАКТИРОВАТЬ: потенциальная проблема обнаружена

Возможно, ваша проблема вызвана неправильным вложением тегов. Вы можете избежать подобных проблем, проверяя ваш HTML с помощью

http://validator.w3.org

В частности, в паре других ошибок есть отсутствующий закрывающий тег div. Исправление этих ошибок может фактически решить вашу проблему без специального взлома IE.