CSS проблема с Internet Explorer?

Question

У меня проблема с IE8 и 9, когда весь сайт разбивается на куски.

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

Я пробовал html5shiv и другие трюки css, но они не работали. Ниже приведен URL-адрес сайта.

http://taste.wmetools.com/

Это то, что я мог бы использовать с некоторым кодом JavaScript, чтобы исправить эту проблему, или есть что-то, что нужно изменить в CSS или HTML или в обоих?

Answer 1

В строке 17 удалите запятую.

Изменить это:

autoPlayLocked: true,

в

autoPlayLocked: true

Некоторые браузеры разрешают использовать запятые в литералах объекта, например {a:1,b:2,c:3,}. IE нет.

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

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