Форумы поддержки » Проблемы и решения Срочно! Помогите оптимизировать сайт под 102

G1
На сайте с 28.04.2009
Offline
13
731

Всем привет, ребята помогите оптимизировать сайт под разрешение 1024х768, я не понимаю в каком коде что нужно прописать, новичек в этом :(

Проблема такая: сайт ligatruda.ru/wps работает нормально вроде как при любом разрешении кроме 1024х768, у сайта шапка при этом разрешении просто растягиевается, как сделать так, чтобы она оставалась на месте ? Сайт на вордпрессе. Догадываюсь , что менять надо что-то в CSS, но где именно, наведите плиз, срочно должен это сделать.

Вот код CSS:

/* Layout */

#page {

min-width:740px;

max-width:1222px;

margin:0 auto;

}

#container{

margin:0;

padding:0 240px 0 240px;

}

#wrapper{

float:left;

width:100%;

border-left:240px solid #fff; /* Sidebar left background color */

border-right:240px solid #fff; /* Siderab right background color */

margin-left:-240px;

margin-right:-240px;

background-color:#fff;

display:inline;

Заранее спасибо ! Очень надеюсь на вашу помощь..

moonters
На сайте с 09.10.2008
Offline
139
#1
у сайта шапка при этом разрешении просто растягиевается

она у Вас не растягивается

Эта картинка (header.jpg) имеет размеры 1222х183.

И как Вы её по другому хотите видеть при разрешении 1024х768?

ясный пень, что вся не поместится.

Вообще-то вопрос не в этот раздел, а в /ru/forum/development/web

Мобильные прокси беру только тут - https://goo.su/G5nhch
G1
На сайте с 28.04.2009
Offline
13
#2

Неужели непонятно что имелось ввиду?

Смотрим сюда - http://ligatruda.ru/, там шапка та же, ее реальная ширина 1500 пикселей и при разрешении 1024 на 768 эта шапка влазиет вся. А у меня при этом разрешении сайт влазиет, а вот шапка уходит вправо. Так вот как сделать так, чтобы шапка автоматически вытягивалась как нужно при смене разрешения? Как-то прописать ее ширину в процентах или что?

Заранее спасибо!

moonters
На сайте с 09.10.2008
Offline
139
#3
Неужели непонятно что имелось ввиду?

Мне понятно все.

А вот Вам как видно нет.

там шапка та же, ее реальная ширина 1500 пикселей и при разрешении 1024 на 768 эта шапка влазиет вся

Там шапка не та же.

ligatruda.ru/wps - тут она одним файлом header.jpg и имеет размеры 1222х183 (люблю сам себя цитировать).

а тут ligatruda.ru - top_bg01.gif размером 1500х152 и картинки справа вставлены отдельно, и во втором случае она тоже вылазит, но это не видно.

для особо одарённых

шапка с ligatruda.ru/wps

шапка с ligatruda.ru

Сейчас понятно? Странно, что Вам надо объяснять структуру Ваших сайтов.

Извините за испорченный дизайн форума, но тут по другому никак

G1
На сайте с 28.04.2009
Offline
13
#4

Извиняюсь. Спасибо за наводку, в принципе понял, что вы хотели сказать. Вопрос остается открытым, прошу помочь. Какой выход есть если оставлять шапку одной картинкой? Можно ли как-то сделать чтобы при 1024 и далее шапка показывалась одинаково? Спасибо!

Brand from Amber
На сайте с 18.08.2007
Offline
293
#5
Garik187:
Можно ли как-то сделать чтобы при 1024 и далее шапка показывалась одинаково?

Нет (в Вашем случае), но можно (и нужно) взять за основу как это сделано по Вашей второй ссылке.

P.S. Кстати, если интересует ИМХО, то второй вариант дизайна смотрится лучше (профессиональнее) чем реализованный.

Лучший способ понять что-то самому - объяснить это другому.
moonters
На сайте с 09.10.2008
Offline
139
#6

разрежьте её на две части, одну выровняйте влево, вторую вправо.

всё это на синем фоне, таком как на картинке.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий