Сайт не работает в IE8

Question

Я новичок в html5, html и JavaScript.Мой сайт http://www.countrybait.com/ выглядит отлично в Chrome и IE9, но не работает в IE8.Проблема в том, что у моего клиента IE8, и когда я ему показал, он плохо выглядел.Я много пробовал исправить это, но не смог исправить, и не знаю, что делать, чтобы исправить и, по крайней мере, получить четкое представление в IE8Поэтому, пожалуйста, помогите мне пожилым людям.Жду вашей позитивной помощи.

Answer 1

Я попытался включить «Режим совместимости» в IE8, и он заставляет большинство вещей находиться примерно в правильном положении (заметными исключениями являются навигация по верхнему меню и основной текстовый контент).

Итак, одна стратегия, которую выВозможно, вам стоит попробовать заставить его выглядеть хорошо в режиме совместимости IE7 / IE8, затем вы можете добавить метатег вроде:

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

на свою страницу, чтобы заставить IE работать в режиме совместимости.Обратите внимание, что вам может потребоваться заключить его в условные комментарии IE, чтобы убедиться, что он не работает в IE9, что выглядит нормально.

например

<!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->

Answer 2

Существует много различий между упомянутыми вами браузерами. Каждый из них отрисовывает CSS немного по-своему, особенно IE8. IE9 имеет набор инструментов разработчика (нажмите F12 или посмотрите под значком инструментов). Там вы можете выбрать, какой режим браузера вы хотели бы видеть, и он должен отображать страницу в соответствии с этим параметром. Затем вы сможете увидеть, какие элементы вызывают проблему с макетом, и внести необходимые изменения.

Я всегда собираюсь в Chrome или Firefox, затем возвращаюсь и заставляю его работать в IE.

В зависимости от вашего сайта может потребоваться некоторое время, чтобы все заработало в IE8. Там не просто исправить.

Answer 3

О, боль новичка в IE, не больно?

Я понимаю, что вы новичок в такого рода вещах, но посмотрите, как быстро вы сможете освоиться с Sass / Compass. Compass поставляется с множеством вспомогательных шорткодов и кроссбраузерной обработкой. Это новый жар и настоящие профессионалы используют его (как и я: D)

Sass = сокращение css с вложенностью (так что сцепление), переменные (красивые и динамические), mixins (шаблоны)

Compass = фреймворк, позволяющий избежать кросс-браузерных проблем и префиксов css, а также некоторого другого интересного барахла.

Сделай это, серьезно ... Я бы хотел, чтобы кто-то сказал мне раньше.