Сообщений в теме: 11

[customer8765]

В каталоге окна с товарами разной высоты.
Правая граница рамки окна регулярно перекрывается изображением товара, полностью или частично.
Пишу уже не в первый раз.

http://narasprodage....Kolennye-stulya
http://narasprodage....y-dlya-garnitur

Пожалуйста, если вам не удается решить эту проблему, ответьте мне, чтобы я не тратил свое и ваше время.

[Danil]

customer8765 (15 Декабрь 2015 - 18:25) писал:

В каталоге окна с товарами разной высоты.
Правая граница рамки окна регулярно перекрывается изображением товара, полностью или частично.
Пишу уже не в первый раз.

http://narasprodage....Kolennye-stulya
http://narasprodage....y-dlya-garnitur

Пожалуйста, если вам не удается решить эту проблему, ответьте мне, чтобы я не тратил свое и ваше время.

Здравствуйте.
Чтобы сделать высоту блоков одинаковой в main.css найдите

.products-grid .item .product-hover {
padding: 1px;
border: 1px solid #dddddd;
}

и замените на

.products-grid .item .product-hover {
padding: 1px;
border: 1px solid #dddddd;
height: 305px;
}

В каком браузере у Вас не отображаются правая граница блоков с товарами?

[customer8765]

Например, в IE

[customer8765]

Danil (15 Декабрь 2015 - 18:34) писал:

Здравствуйте.
Чтобы сделать высоту блоков одинаковой в main.css найдите

.products-grid .item .product-hover {
padding: 1px;
border: 1px solid #dddddd;
}

и замените на

.products-grid .item .product-hover {
padding: 1px;
border: 1px solid #dddddd;
height: 305px;
}

В каком браузере у Вас не отображаются правая граница блоков с товарами?

Посмотрите, как отображаются товары по этой ссылке в IE и Firefox:
http://narasprodage....ods_view_type=2

А с этим что-то сделать можно?

[Danil]

customer8765 (15 Декабрь 2015 - 19:16) писал:

Посмотрите, как отображаются товары по этой ссылке в IE и Firefox:
http://narasprodage....ods_view_type=2

А с этим что-то сделать можно?

В main.css найдите код

.products-list .item .product-image a {
	position: relative;
	display: inline-block;
}

и замените на

.products-list .item .product-image a {
	position: relative;
}

[customer8765]

Danil (15 Декабрь 2015 - 19:44) писал:

В main.css найдите код

.products-list .item .product-image a {
position: relative;
display: inline-block;
}

и замените на

.products-list .item .product-image a {
position: relative;
}

Спасибо, почти все исправилось.
Но проблема в IE осталась: некоторые изображения перекрывают правую границу, даже надпись "Изображение временно отсутствует" ее перекрывает
http://narasprodage....pyuternye-opcii

[Vaccina]

В main.css найдите:

.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
				display: block;
				margin: 0px auto;
				max-width:260px;
}

замените на:

.IE .products-grid .item .product-hover .product-image img {
   width: auto !important;
				display: block;
				margin: 0px auto;
				max-width:250px;
}

[customer8765]

Спасибо, вроде теперь нормально.

Еще проблема.
http://narasprodage....mod_id=89186746
На карточке этого товара есть картинка со скелетами, а справа от нее - маркированные списки.
В IE маркеры отображаются ДО картинки, в остальных браузерах нормально.

Другие точно такие же списки на этой странице в IE отображаются нормально.

[Юля123]

customer8765 (16 Декабрь 2015 - 11:58) писал:

Спасибо, вроде теперь нормально.

Еще проблема.
http://narasprodage....mod_id=89186746
На карточке этого товара есть картинка со скелетами, а справа от нее - маркированные списки.
В IE маркеры отображаются ДО картинки, в остальных браузерах нормально.

Другие точно такие же списки на этой странице в IE отображаются нормально.

Попробуйте добавить в main.css код:

.IE .listar_naras {list-style-position:inside;}

[customer8765]

Юля123 (16 Декабрь 2015 - 12:21) писал:

Попробуйте добавить в main.css код:

.IE .listar_naras {list-style-position:inside;}

Нет, мне нужно outside. Скриншот прилагаю, маркеры слева до рисунка, IE 11

Прикрепленные изображения

• 

[Danil]

customer8765 (16 Декабрь 2015 - 12:40) писал:

Нет, мне нужно outside. Скриншот прилагаю, маркеры слева до рисунка, IE 11

В конец main.css добавьте

.htmlDataBlock ul, .htmlDataBlock ol {
overflow: hidden;
}

[customer8765]

Danil (16 Декабрь 2015 - 14:56) писал:

В конец main.css добавьте

.htmlDataBlock ul, .htmlDataBlock ol {
overflow: hidden;
}

Спасибо. Вроде помогло.