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

[Ello4ka]

Добрый день. Обнаружили, что в Explorer нет отображение корзины в каталоге товара и все иконки квадратные, а не круглые. Как исправить?

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

• 

[Ello4ka]

up

[Сake]

Попробуйте в вашем шаблоне "HTML" найти и удалить следующую строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

[Ello4ka]

Сake (15 Март 2014 - 01:02) писал:

Попробуйте в вашем шаблоне "HTML" найти и удалить следующую строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Спасибо.
Убрала. Корзина есть. Но иконки квадратные.

[MikDark]

Ello4ka (15 Март 2014 - 17:13) писал:

Спасибо.
Убрала. Корзина есть. Но иконки квадратные.

К сожалению, старые версии IE не поддерживают ряд современных функций, в том числе и закругление.

[Ello4ka]

MikDark (15 Март 2014 - 17:15) писал:

К сожалению, старые версии IE не поддерживают ряд современных функций, в том числе и закругление.

Поняла, спасибо.

[xotena]

Здравствуйте!
При открытии сайта в explorer в меню за пределы блока вылезает "Каталог", как это поправить?

[Vaccina]

откройте пожалуйста сайт для посетителей, чтобы мы могли просмотреть проблему и проконсультировать вас

[xotena]

Открыла сайт

[Vaccina]

у вас сайт и в мозиле по иному совсем отображается

Возможно проблема в ширине сл.блока:

.inner {
	background-color: #FFFFFF;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

при разрешении 1920 все выравнивает сл.изменение:

.inner {
	background-color: #FFFFFF;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 88%;
}

[xotena]

Vaccina (26 Март 2014 - 02:53) писал:

у вас сайт и в мозиле по иному совсем отображается
123.jpg
Возможно проблема в ширине сл.блока:

.inner {
background-color: #FFFFFF;
clear: both;
margin: 0 auto;
padding: 0;
width: 1200px;
}

при разрешении 1920 все выравнивает сл.изменение:

.inner {
background-color: #FFFFFF;
clear: both;
margin: 0 auto;
padding: 0;
width: 88%;
}

Это скорее всего связано с тем, что я пытаюсь ограничить блок шапки и в зависимости от разрешения его размер меняется и не совпадает с основным блоком. Не знаю, как эту проблему решить. Написала в тему Шапка (сообщение #32), но пока ответа нет. Используя Ваш совет у меня вроде получилось настроить отображение шапки сайта для различных разрешений, но пока еще на всем проверить не удалось.
А вот отображение в explorer пока не поняла, как поправить. Еще обнаружила, что в explorer сам Каталог вылезает за поле.

[Vaccina]

тут нужна постепенность, для выравнивания каталога попробуйте следующее, в style.css найдите:

.accordion li {
	background: #FFFFFF;
	cursor: pointer;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

замените на:

.accordion li {
	background: #FFFFFF;
	cursor: pointer;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	float:none;
	width: 100%;
}

На счет шапки, облегчим немного код, чтобы легче было управлять, изменяем шапку, находим:

#header {
	background-color: #FFFFFF;
	border-top: 3px solid #7AA905;
	margin: 0 auto;
	position: relative;
	width: 1200px;
	z-index: 99;
}

удаляем: width: 1200px;

в этом случае заголовок с шапкой будут одинаково растягиваться, лучше найти и удалить данный стиль у всех случаях #header

попробуйте те же изменения проделать со всеми случаями .inner
у меня все блоки расширяются и одинаковы

[xotena]

Vaccina (27 Март 2014 - 03:31) писал:

удаляем: width: 1200px;

в этом случае заголовок с шапкой будут одинаково растягиваться, лучше найти и удалить данный стиль у всех случаях #header

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

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


И в Explorer каталог выходит за рамки основного блока. Как это поправить?

[empty9228]

Здравствуйте, найдите в файле main.css код

@media only screen and (min-width: 480px) and (max-width: 767px)

вставьте после него

#header #search input {width: 380px;position: relative;right: 25px;}
.title-holder {background: url('http://design.firstmoda.ru/inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  width: 86%;margin: 0 auto;}

найдите код

@media only screen and (max-width: 480px)

вставьте после него код

.title-holder {background: url('http://design.firstmoda.ru/inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  width: 94%;margin: 0 auto;}

[xotena]

empty9228 (09 Апрель 2014 - 15:44) писал:

Здравствуйте, найдите в файле main.css код

@media only screen and (min-width: 480px) and (max-width: 767px)

вставьте после него

#header #search input {width: 380px;position: relative;right: 25px;}
.title-holder {background: url('http://design.firstmoda.ru/inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; width: 86%;margin: 0 auto;}

найдите код

@media only screen and (max-width: 480px)

вставьте после него код

.title-holder {background: url('http://design.firstmoda.ru/inner_shadow2.png') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; width: 94%;margin: 0 auto;}

Спасибо, на мобильном теперь все хорошо отображается. Но в Explorer что-то стало совсем все плохо

[Сake]

Попробуйте из вашего шаблона "HTML" удалить следующую строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

[xotena]

Сake (11 Апрель 2014 - 06:26) писал:

Попробуйте из вашего шаблона "HTML" удалить следующую строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Explorer, он невыносим удалила эту строку, товары в каталоге встали на место, а вот меня каталога выползло.

[MikDark]

xotena (11 Апрель 2014 - 08:42) писал:

Explorer, он невыносим удалила эту строку, товары в каталоге встали на место, а вот меня каталога выползло.
каталог.png

В шаблоне HTML перед </head> попробуйте поставить:

<!--[if IE]><style>
.box-category ul {
margin: 0 !important;
}
</style><![endif]-->

[xotena]

MikDark (11 Апрель 2014 - 10:23) писал:

В шаблоне HTML перед </head> попробуйте поставить:

<!--[if IE]><style>
.box-category ul {
margin: 0 !important;
}
</style><![endif]-->

Стало лучше, но все равно выходит за границу

[MikDark]

xotena (11 Апрель 2014 - 11:46) писал:

Стало лучше, но все равно выходит за границу
каталог1.png

Тогда замените вставленный код на этот:

<!--[if IE]><style>
.box-category ul {
margin: 0 10px;
}
</style><![endif]-->