Проблема с дивами в IE7

[dron]

Добрый день. С закончил очередной сайт. Но в ИЕ 7 шаблон жутко едет... Не знаю как быть... Кто-то может помочь советом? Заранее спасибо!

Нормальный вид:

ИЕ 7:

http://avtor-moda.ru

Edited August 16, 2012 by dron

[mrnobody]

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

<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

и в стилях в начале пропиши:

article, aside, figure, footer, header, hgroup, nav, section { display : block; }

Или наверное будет лучше вместо HTML5 тегов написать div с классном или идентификатором (даже просто заменить див, я смотрю вы в качестве селекторов указывали ID), так как у вас доктайп переходной.

Вот статья есть: http://htmlbook.ru/samlayout/verstka-na-html5/novye-tegi

в IE8 получше стало, но в IE7 не очень (

Скрин в IE8

Edited August 16, 2012 by mrnobody

[dron]

все сделал. в седьмом главная проблема в календаре мероприятий так и осталась...

[wwt]

Ну как минимум:

.nspArt { float:left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

IE7 понятия не имеет что такое box-sizing =)

[dron]

не помогло. кто-то может что-то еще порекомендовать?

[wwt]

не помогло. кто-то может что-то еще порекомендовать?

переверстать без box-sizing

либо использовать хаки для IE7

Если ты еще не понял у тебя задана ширина блоков 33% их 3 в ряд при box-sizing:border-box в ширину блока входят и бордеры и паддинги, но IE7 не понимает этого свойства и потому для него ширина блоков равна width+border+padding и того выходит больше 100% и последний блок выталкивает вниз.

Edited August 21, 2012 by wwt