Некоторые из моих страниц выглядят испорченными в IE - PullRequest
1 голос
/ 17 ноября 2011

Я строил этот сайт, и я близок к завершению.Поэтому я решил проверить это в IE и Firefox (я использую Chrome). Сайт отлично выглядит в Chrome и FireFox, но некоторые страницы перепутаны в Internet Explorer!

Что вызвало бы это ??Я знаю, я слышал, что люди говорят, что IE всегда сбитый с толку, но большинство людей используют IE, и мне платят за создание сайта для масс.

Кто-то, пожалуйста, помогите !!

здесьтестовая ссылка: http://graves -incorporated.com / test_sites / solera_new / index.html

Ответы [ 5 ]

3 голосов
/ 17 ноября 2011

Различные браузеры имеют различные механизмы рендеринга и правила.Это может привести к тому, что одна и та же разметка будет отображаться по-разному в разных браузерах.

Я бы порекомендовал указать DOCTYPE, так как похоже, что вы его не добавили, это предотвратит рендеринг IE в режиме причуд.

Другие рекомендации - использовать чистую семантическую разметку и стиль только с использованием CSS.

И регулярно проверять свой сайт в других браузерах!

2 голосов
/ 17 ноября 2011

Просто добавьте Doctype. IE отображает сайт в режиме Quirks из-за отсутствия объявления DOCTYPE. Остальное все выглядит нормально при просмотре в режиме IE 7,8,9

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" dir="ltr" lang="en-US">
1 голос
/ 17 ноября 2011

Добавление этого:

<!doctype html>

В начало вашего документа поможет IE визуализировать в наилучшем из возможных режимов документа.Кроме того, вы можете добавить этот метатег в свой head раздел:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

. Это позволит IE7, 8 и 9 отображать сайт в самом современном из доступных механизмов рендеринга.

IE6 - это совсем другая история, если вы хотите полностью ее поддержать, будьте готовы к многим часам настройки: D.Если вы хотите погрузиться еще глубже, я могу порекомендовать вам взглянуть и на эти два сайта:

0 голосов
/ 17 ноября 2011

Возможно, вам придется использовать разные stylesheets для тех браузеров, у которых есть проблемы.

Пожалуйста, прочитайте эту статью о Как использовать разные таблицы стилей CSS для разных браузеров

Надеюсь, что эта помощь

0 голосов
/ 17 ноября 2011

Я только что проверил ссылку в IE8, и я не вижу каких-либо очевидных «проблем». Если вы разрабатываете для более ранних версий IE, вам нужно помнить, что не все свойства CSS работают в IE или не так, как в других браузерах.

Эта ссылка дает подробный список поддерживаемых функций CSS для каждой версии IE.

Также стоит обратить внимание на прогрессивное улучшение при разработке ваших сайтов.

Очевидно, что без подробностей от вас очень сложно дать конкретный ответ (см. FAQ для будущих вопросов), но вы должны быть в состоянии двигаться в правильном направлении сейчас .

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