Проблемы с плавающей областью css в IE8

Question

Я создал простую веб-страницу с помощью html и css.

Здесь работал jsfiddle, http://jsfiddle.net/y7xmr6ct/ [часть работы только]

В заголовке ломовая сводном разделе отображается во всех браузерах ожидать то вроде этого: http://s4.postimg.org/tuvx8avt9/Untitled_1.png

Но в ie8, отображается левая сторона моего заголовок.

Я попытался использовать clear:left; или width:100%; моему классу .large--right,, но ничего не изменилось.

Вот мой CSS:

.large--right { 
    float: right !important; 
    } 

, а также я в мой #footer {border-top: 1px solid #ddd;} не работает в ie8

Могу ли я знать, как я могу это исправить?

Может кто поможет мне исправить это, спасибо заранее.

Answer 1

IE8 не поддерживает медиа-запросы. Сначала вы первый мобильный, и потому, что медиа-запросы не запускаются, макет - это мобильные стили.

Посмотрите на RespondJS для поддержки медиа-запросов в IE8.