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

[Castiel]

Pavel74 (24 Декабрь 2013 - 21:16) писал:

Спасибо

скажите, пожалуйста еще, как сдвинуть их правее?

Находим

#megamenu {
position: absolute;
height: 54px;
top: 130px;
left: 238px;
}

Параметр left: 238px; отвечает за отступы, отрегулируйте его на свое усмотрение

[Pavel74]

все получилось. Еще раз спасибо

[Pavel74]

Здравствуйте! У меня сайт в Explorer отображается по корявому, может и в других браузерах. в Хроме нормально, как надо. В чем проблема, как исправить ?

[Castiel]

Pavel74 (25 Декабрь 2013 - 13:21) писал:

Здравствуйте! У меня сайт в Explorer отображается по корявому, может и в других браузерах. в Хроме нормально, как надо. В чем проблема, как исправить ?

Возможно ваш сайт отображается криво в Internet Explorer 10.
Обновите его до 11 версии или воспользуйтесь другим браузером.
Google
Yandex
Opera
Mozilla Firefox

[Pavel74]

ну я то им не пользуюсь, Explorerром . собственно сайт для людей... Нужно объявление на сайте размещать, что бы люди обновляли браузеры или пользовались определенными?  че то как то не правильно.....

[Pavel74]

Версия  Explorer 11я . все ровно отображается некорректно. У более 50% пользователей стоит Explorer ! Как исправить ? это важно!  

[Pavel74]

В Mozilla Firefox  тоже все сбивается. и как сделать что бы автоматически подгонялся под разные экраны. размеры.

сделал тест на разные разрешения и везде некорректно отображается

[ne_yana]

Pavel74 (25 Декабрь 2013 - 15:19) писал:

В Mozilla Firefox  тоже все сбивается. и как сделать что бы автоматически подгонялся под разные экраны. размеры.

сделал тест на разные разрешения и везде некорректно отображается

Здравствуйте, у Вас шаблон с адаптивным дизайном. Сейчас проверили в Mozilla Firefox на экранах с разным разрешением. Все корректно работает. Приложите, пожалуйста, скриншот с неверным отображением.

[Pavel74]

сриншоты Explorer. Блок корзины увеличен (рядом с поиском видно насколько). Кнопки меню без рамки, окантовки, просто прямоугольник.  при наведении нет объемности (фото1). У кнопок типа "Регистрация", "Войти" и т.п. углы прямые (а должны быть закругленные) (фото2).И вообще все немного но увеличено. Как выглядит в Хроме (Хром1,2). В Mozilla Firefox кнопки Меню не в одну линию, часть кнопок перенеслись ниже. Проверял на другом компьютере по этому если принципиально , то сриншоты фаерфокса завтра вылажу.

фото2

Хром1

Хром2

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

• 
• 
• 
• 

[Vaccina]

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

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

После не забудьте очистить кэш в вашем браузере IE.

[Pavel74]

В Explorer все стало как надо кроме блока Корзина, ну и увеличено все немного. С Фаерфоксом все нормально, оказалось что во всех браузерах отображается не корректно на мониторах с максимальным разрешением 1024х768. т.е. автоматически не подгоняется под размеры. Еще проверял на разные разрешения в этом сервисе http://viewlike.us/ . на разных разрешениях отображается не корректно

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

• 
• 

[Vaccina]

В разделе Сайт - Редактор шаблонов - style.css - попробуйте удалите сл.блок:

.container {
width: 950px;
}

[Pavel74]

Vaccina (27 Декабрь 2013 - 05:31) писал:

В разделе Сайт - Редактор шаблонов - style.css - попробуйте удалите сл.блок:

.container {
width: 950px;
}

Вот что получилось (рис.)

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

• 

[Vaccina]

это у вас из-за этого блока:

.container {
	margin: 0 auto;
	width: 1200px;
}

Попробуйте уменьшить значение width

[Pavel74]

При уменьшении значения width пустое место справа убирается, но вместе с ним и кнопки меню переносятся на еще один ряд. Вообщем проблема не решена...

[Vaccina]

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

#header-fluid {
	background: url("http://design.hall-market.ru/patternhead56c-thumb.png") repeat-x scroll 0 0 #FAFAFA;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}
и
#wrapper {
	width: 100%;
}

замените на:

#header-fluid {
	background: url("http://design.hall-market.ru/patternhead56c-thumb.png") repeat-x scroll 0 0 #FAFAFA;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	position: relative;
	width: 1200px;
	z-index: 10;
}
и
#wrapper {
	width: 1200px;
}

но в этом случае про адаптивность можно забыть


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