Почему IE11 некорректно отображает страницу?

Question

[Александр Булгаков]

Здравствуйте. Если открыть сайт (обычная статика html+css) напрямую через IE11 то все выглядит нормально

если через сервер то IE11 показывает вот так

в хроме все работает корректно, в какую сторону надо копать?

Answer 1

[alfik197]

Вставьте этот тег в head

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

и будет вам счастье!

Comments

[Александр Булгаков]

спасибо помогло

[alfik197]

Александр Булгаков: рад, что помогло!

Answer 2

[zooks]

Потому что он не знает тега main.
Добавьте в CSS:
main { display: block; }

Comments

[Александр Булгаков]

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

[zooks]

Александр Булгаков: "прекрасно знает" - да что вы говорите? Если проблема только на сервере, то проверяйте пути.

[spotifi]

И кэши.

[Александр Булгаков]

caniuse.com/#search=main пути к чему? Файл css один, дело в том что некоторые свойства из него работают некоторые нет

[zooks]

Александр Булгаков: Ну привели вы Caniuse.com. А примечание прочитать? Проверить все пути.

[zooks]

Александр Булгаков: Нагуглил эту верстку, данная проблема решена там через Normalize. А насчет X-UA-Compatible - ну так у нормального верстальщика он в шаблон вбит. Давайте ссылку на код, тут не экстрасенсы сидят.