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

[unique123]

Помогите, вопрос следующий:

-1. Что сделать чтобы могли просматривать сайт  корректно пользователи с разными разрешением экрана?
-2. ссылка на сайт istraservice.ru

[Stasya]

У нас система настроена на корректное отображение сайта с минимальным разрешением экрана 1024*786. При меньшем разрешении мы не можем гарантировать, что сайт будет отображаться корректно. В скором времени у нас выйдут 2 шаблона, которые настроены под разные разрешение экрана, а так же мобильные версии. Но пока настройка сайта под разрешение экрана меньше чем 1024*786 остается за правообладателем ИМ.

[unique123]

Stasya (27 Март 2013 - 18:30) писал:

У нас система настроена на корректное отображение сайта с минимальным разрешением экрана 1024*786. При меньшем разрешении мы не можем гарантировать, что сайт будет отображаться корректно. В скором времени у нас выйдут 2 шаблонеа, которые настроены под разные разрешение экрана, а так же мобильные версии. Но пока настройка сайта под разрешение экрана меньше чем 1024*786 остается за правообладателем ИМ.

Подскажите почему при уменьшении моего сайта происходит см. PrintScreen.? Я где то накосячил, не пойму как решить эту проблему. Шапка вправо уходит.

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

• 

[Vaccina]

Сайт - Редактор тем - main.css - найдите примерно сл.блок:

#headerWrap {
	background: url("http://design.istraservice.ru/header_bg.jpg") repeat-x scroll 0 0 transparent;
	height: 150px;
}

и изменит на сл. вид.

#headerWrap {
	background: url("http://design.istraservice.ru/header_bg.jpg") repeat-x scroll center top transparent;
	height: 150px;
}

[unique123]

Vaccina (28 Март 2013 - 05:11) писал:

Сайт - Редактор тем - main.css - найдите примерно сл.блок:

#headerWrap {
background: url("http://design.istraservice.ru/header_bg.jpg") repeat-x scroll 0 0 transparent;
height: 150px;
}

и изменит на сл. вид.

#headerWrap {
background: url("http://design.istraservice.ru/header_bg.jpg") repeat-x scroll center top transparent;
height: 150px;
}

у меня следующий код

Цитата

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {
width: 85%;
margin: 0em auto;
min-height: 400px;

меняю на:

Цитата

#headerWrap {
        background: url("http://design.istras.../header_bg.jpg") repeat-x scroll center top transparent;
        height: 150px;
}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {
width: 85%;
margin: 0em auto;
min-height: 400px;
}

проблема осталась

[Stasya]

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

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") no-repeat scroll center top transparent;
height: 150px;
}

[unique123]

Stasya (28 Март 2013 - 14:15) писал:

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

#headerWrap {
background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") no-repeat scroll center top transparent;
height: 150px;
}

Спасибо в точку! Шапка и подвал смещаются в центр, а остальное меню и контент нет).  Подскажите как чтобы и все остальное вместе стремились в центр?

[Stasya]

Во-первых из файла "main.css" удалите вот этот блок

#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;}
#content {
width: 85%;
margin: 0em auto;
min-height: 400px;}

потому что он у Вас повторяется. Но надо чтоб второй точно такой же остался точно.
Затем блок

#content {
width: 85%;
margin: 0em auto;
min-height: 400px;}

замените на

#content {
max-width: 1240px;
min-width: 1000px;
margin:0 auto;
}

  И теперь чтобы подвинуть меню на центр найдите блок

#MainMenu {
height: 40px;
background: #FFF url(http://design.istraservice.ru/bmid_066.gif);
border: 0;
margin: 0;
}

и замените его на

#MainMenu {
height: 40px;
background: #FFF url(http://design.istraservice.ru/bmid_066.gif) no-repeat;
border: 0;
margin: 35;
margin-left: 576px;
}