Веб-сайт плохо отображается в IE 8, но отлично работает в других браузерах

#css #internet-explorer #stylesheet

#css #internet-explorer #таблица стилей

Вопрос:

http://test.rfinvestments.co.za
Я некоторое время работал над этим веб-сайтом, и теперь, когда он доступен онлайн, я разочарован проблемами кроссбраузерной совместимости, которые не проявляются при просмотре сайта со своего компьютера.

Если вы просматриваете сайт в Google Chrome, вы должны видеть его именно таким, каким он должен быть. В IE 8 я заметил, что отсутствует только одна вещь. Под пунктом меню TEAM находится значок с i в нем. Этот значок должен быть над изображением, переходящим от серого к черному справа налево. Это градиентное изображение не отображается в IE 8, несмотря на изменение таблицы стилей IE 8, чтобы явно поместить его туда.

Кроме того, по какой-то причине я вижу подменю, которое выходит из пункта меню ИНВЕСТИЦИИ на моем компьютере, но мой папа не может видеть его на своем. Я также добавил CSS системы меню в таблицу стилей IE 8.

как указывалось ранее, этих проблем нет на моем компьютере разработчика… У меня закончились идеи, кто-нибудь может что-нибудь предложить?

Заранее спасибо.

1. IE8 вашего отца находится в режиме совместимости, а ваш нет?

2. нет, я сказал ему удалить это … он хуже отображает совместимость

3. В режиме совместимости с IE8 ваш веб-сайт не работает. Когда я запускаю его в стандартном режиме, он работает нормально. Проверьте IE8 вашего отца, работает ли он в режиме совместимости. Почему-то я чувствую, что настройка по умолчанию в IE8 заключается в том, чтобы запускать все в режиме совместимости.

Ответ №1:

URL-адрес изображения в ie.css неверен.

Это должно быть:

 background: url("Images/Splurb2.png");

(обратите внимание на заглавные буквы S)

1. большое спасибо 🙂 Кроссбраузерная совместимость — это такая проблема… хотя вы были правы, я также проверил ie8.css и обнаружил ту же проблему. Исправлено, и теперь все работает на 100%, спасибо

2. @Logan — Да, это совсем не облегчает жизнь.

Ответ №2:

Ваш doctype

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

является переходным. Измените его на strict, и это должно показать улучшение. Я попробовал ваш веб-сайт в FF и IE8 (стандартный режим (без режима quirk)), и он работал нормально. Каким-то образом на компьютере, где вы не можете правильно видеть свой веб-сайт, IE8 настроен на работу в режиме quirks. Установив для вашего DOCTYPE значение strict, мы можем в определенной степени предотвратить это. HTH

Ответ №3:

Вам следует добавить следующий тег к вашему head тегу, чтобы указать IE8 не использовать режим совместимости при отображении вашего сайта:

 <meta http-equiv="X-UA-Compatible" content="IE=8" />

1. Добавлена мета, улучшений нет (но я не просматриваю совместимость)

2. Я думаю, что это исправит проблему, замеченную вашим отцом, а не другую проблему. И это не позволит будущим пользователям видеть сайт в режиме совместимости по умолчанию.