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

[andreyleo]

Здравствуйте

Ниже я приложил два скриншота. На рис1 скриншот браузера Хром с тем как должна выглядеть страница. На рис2 скриншот браузера Мозила, красным выделено некорректное отображение элементов страницы. Помогите исправить.

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

• 
• 

[Vaccina]

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

.prod_hold > div, .prod_hold_recent > div {
	display: inline;
}

замените на:

.prod_hold > div, .prod_hold_recent > div {
	display: inline-block;
	position: inherit;
}

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

.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {
	background: #ffffff;
	bottom: -252px;
	display: none;
	left: 0;
	min-height: 120px;
	opacity: 0;
	padding: 20px 5px;
	position: absolute;
	text-align: center;
	width: 210px;
}

замените на:

.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {
	background: #ffffff;
	bottom: -252px;
	display: none;
	left: 0;
	min-height: 120px;
	opacity: 0;
	padding: 20px 0px;
	position: absolute;
	text-align: center;
	width: 210px;
}

[andreyleo]

Vaccina (22 Октябрь 2014 - 01:56) писал:

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

.prod_hold > div, .prod_hold_recent > div {
display: inline;
}

замените на:

.prod_hold > div, .prod_hold_recent > div {
display: inline-block;
position: inherit;
}

Не могу найти вышеуказанные строчки.
Ближайшая погожая выглядит так:

Цитата

.prod_hold > div, .prod_hold_recent > div {*position: relative;display: inline;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}

[Сake]

andreyleo (23 Октябрь 2014 - 21:56) писал:

Не могу найти вышеуказанные строчки.
Ближайшая погожая выглядит так:

Да, это строка которую вам необходимо заменить на

.prod_hold > div, .prod_hold_recent > div {position: inherit;display: inline-block;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}

[andreyleo]

Сake (24 Октябрь 2014 - 00:38) писал:

Да, это строка которую вам необходимо заменить на

.prod_hold > div, .prod_hold_recent > div {position: inherit;display: inline-block;zoom: 1;*vertical-align: top;*margin:0 0px 20px 0px;*overflow: hidden;*text-align:center;}

Спасибо, вопрос закрыт.