Помогите, вопрос следующий:
-1. Что сделать чтобы могли просматривать сайт корректно пользователи с разными разрешением экрана?
-2. ссылка на сайт istraservice.ru
1
Помогите С Разрешением Сайта!
Автор unique123, 27 марта 2013 16:10
Сообщений в теме: 7
#1
Отправлено 27 Март 2013 - 16:10
#2
Отправлено 27 Март 2013 - 18:30
У нас система настроена на корректное отображение сайта с минимальным разрешением экрана 1024*786. При меньшем разрешении мы не можем гарантировать, что сайт будет отображаться корректно. В скором времени у нас выйдут 2 шаблона, которые настроены под разные разрешение экрана, а так же мобильные версии. Но пока настройка сайта под разрешение экрана меньше чем 1024*786 остается за правообладателем ИМ.
#3
Отправлено 27 Март 2013 - 19:27
Stasya (27 Март 2013 - 18:30) писал:
У нас система настроена на корректное отображение сайта с минимальным разрешением экрана 1024*786. При меньшем разрешении мы не можем гарантировать, что сайт будет отображаться корректно. В скором времени у нас выйдут 2 шаблонеа, которые настроены под разные разрешение экрана, а так же мобильные версии. Но пока настройка сайта под разрешение экрана меньше чем 1024*786 остается за правообладателем ИМ.
Подскажите почему при уменьшении моего сайта происходит см. PrintScreen.? Я где то накосячил, не пойму как решить эту проблему. Шапка вправо уходит.
#4
Отправлено 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; }
#5
Отправлено 28 Март 2013 - 14:12
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;
#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;
}
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;
}
проблема осталась
#6
Отправлено 28 Март 2013 - 14:15
Попробуйте заменить на
#headerWrap { background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") no-repeat scroll center top transparent; height: 150px; }
#7
Отправлено 28 Март 2013 - 15:08
Stasya (28 Март 2013 - 14:15) писал:
Попробуйте заменить на
#headerWrap { background: url("{ASSETS_IMAGES_PATH}header_bg.jpg") no-repeat scroll center top transparent; height: 150px; }
#8
Отправлено 28 Март 2013 - 16:17
Во-первых из файла "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; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных