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

[customer8765]

http://narasprodage....g/Ofisnye-opcii

В IE и Chrome изображения товаров в каталоге центрированы по вертикали внутри своего поля, в Firefox выровнены по верхней границе.
Как изменить выравнивание в Firefox аналогично IE?

[Vaccina]

Попробуйте следующее, в main.css найдите и удалите:

.Firefox .products-grid .item .product-hover .product-image {
	display: inline;
}

далее найдите:

.Firefox .products-grid .item .product-hover .product-image img {
	height: auto;
	margin: 0px auto;
	display: block;
}

замените на:

.Firefox .products-grid .item .product-hover .product-image img {
	height: auto;
	margin: 0px auto;
	display: block;
	width: 100%;
}

[customer8765]

Vaccina (13 Январь 2016 - 05:33) писал:

Попробуйте следующее, в main.css найдите и удалите:

.Firefox .products-grid .item .product-hover .product-image {
display: inline;
}

далее найдите:

.Firefox .products-grid .item .product-hover .product-image img {
height: auto;
margin: 0px auto;
display: block;
}

замените на:

.Firefox .products-grid .item .product-hover .product-image img {
height: auto;
margin: 0px auto;
display: block;
width: 100%;
}

После этого все изображения растянулись по горизонтали

[Vaccina]

После изменений выше

.Firefox .products-grid .item .product-hover .product-image img {
height: auto;
margin: 0px auto;
display: block;
width: 100%;
}

замените на:

.Firefox .products-grid .item .product-hover .product-image img {
	display: block;
	margin: 0px auto;
	height: auto;
	max-width: 100%;
	width: 210px;
}

Изменения должны происходить только в браузере Firefox

[customer8765]

Vaccina (14 Январь 2016 - 01:32) писал:

После изменений выше

.Firefox .products-grid .item .product-hover .product-image img {
height: auto;
margin: 0px auto;
display: block;
width: 100%;
}

замените на:

.Firefox .products-grid .item .product-hover .product-image img {
display: block;
margin: 0px auto;
height: auto;
max-width: 100%;
width: 210px;
}

Изменения должны происходить только в браузере Firefox

Опять растягивается. Вы эти шаблоны хоть 5 минут отлаживали или на клиентах тренируетесь?

[Danil]

customer8765 (15 Январь 2016 - 22:04) писал:

Опять растягивается. Вы эти шаблоны хоть 5 минут отлаживали или на клиентах тренируетесь?

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

.Firefox .products-grid .item .product-hover .product-image img {
		height: auto;
		margin: 0px auto;
		display: block;
}
.Firefox .products-grid .item .product-hover .product-image {display: inline;}

и замените на

.Firefox .products-grid .item .product-hover .product-image img {
		max-height: 200px;
		margin: 0px auto;
		display: block;
	   max-width:200px;
}