Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Фотки в один ряд в IE7

Автор: mark2011 2.9.2011, 10:46

Всем привет!

Адрес http://gold-rubka.ru/catalog.php?sub=14 не могу понять что не так...
В FireFox - так как должно быть (фотки в один ряд, горизонтальный скролл). Но IE7 совершенно этого не понимает (в IE8 всё нормально). Что нужно добавить или убрать?

Автор: SelenIT 2.9.2011, 13:04

IE7 и ниже понимает display:inline-block только после отдельного пинка. Для него нужно добавить что-то а-ля

Код


* + html .separate_photo {
   display: inline;
   zoom: 1;
}

Лучше, конечно, вынести это в отдельный файл и подключать через условные комменты, тогда и хак * + html не нужен...

Автор: mark2011 2.9.2011, 13:47

Добавил в CSS вот это:

Код


* +html .separate_photo {
   display: inline;
   zoom: 1;
}

но без толку :(

Автор: SelenIT 2.9.2011, 14:18

Упс, сорри, недосмотрел. Малину портит position:relative у самих картинок (.ss), имхо, он там вообще не нужен. Возможно, еще понадобится для IE7- зафиксировать высоту слайдера (а то как минимум IE9 в режиме IE7 норовит налезть скроллбаром на картинки).

Автор: mark2011 5.9.2011, 10:36

SelenIT,
Спасибо, вопрос решён.