Я использую замечательный HTML5 boilerplate. Это отличный проект, но у меня большие проблемы с рендерингом в IE 8 и 7 (возможно 8, но пока не пробовал)
Файлы имеют HTML5 doctype:
<!doctype html>
<head>
Но проблема в том, что не имея полного и уродливого doctype как...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Я получаю всевозможные проблемы с рендерингом: центрирование по margin:auto не работает, высоты, ширины, мартинги и паддинги ведут себя как сумасшедшие, и вся моя верстка нарушается только с , но если я переключаюсь на старый, все работает отлично (ну, не отлично, это все еще IE, но как и ожидалось)
HTML5 Boilerplate поставляется с Modernizer, который, я думаю, должен исправить это, но он не работает. Из моих "исследований" (Google) я обнаружил, что IE входит в режим quirks шириной , так что вопрос в том...
Есть ли способ предотвратить переход IE в quirks mode с ?
Или хотя бы не нарушать поля, ширину, отступы и т.д.?
Edit: Это полная голова:
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">