"Резиновая" графическая шапка сайта

-B
На сайте с 02.10.2009
Offline
147
1890

Может конечно не в ту тему, но возникла такая ситуация: сайт оптимизирован под ширину 1024 и 1280. Для этого сделали графическую шапку сайта под 1024. Когда заходишь под 1280 - то естественно по бокам остается свободное место. Как от этого избавиться? Как растянуть графическую шапку на всю ширину?

T.R.O.N
На сайте с 18.05.2004
Offline
314
#1

-BoB4uK-,

сделать фон шапки заведомо больше 1600... и все.

T.R.O.N добавил 29.04.2010 в 11:33

есть, конечно, более сложные и изящные вещи.

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
GAMMA
На сайте с 27.12.2006
Offline
154
#2

Смотря какая шапка и как на ней расположенна графика. Если есть участок который можно вырезать как фоновую картинку то дать ему ширину 100%. Например слева находиться логотип а ближе к правому краю равномерно окрашенный фон. Из него делаем однопиксельную по ширине фоновую картинку.

Мой сервис блогов (http://mublog.ru) и личный блог (http://blogroot.ru)
petr1009
На сайте с 14.12.2008
Offline
26
#3

А блок с контентом растягивается? по возможности покажите сайт, или скрин хотя-бы чтобы оценить возможно ли шапку растянуть.

I
На сайте с 30.04.2010
Offline
28
#4

Из 2-х кусков делай. В центре делай стык незаметным.

GAMMA
На сайте с 27.12.2006
Offline
154
#5
petr1009:
А блок с контентом растягивается? по возможности покажите сайт, или скрин хотя-бы чтобы оценить возможно ли шапку растянуть.

Я обычно делаю ширину блоков фиксированной а контент растягиваемый. Посмотри в подписи.

-B
На сайте с 02.10.2009
Offline
147
#6

Сайтик os-it.ru. Вверху картинку поделил на три части: левая правая и из центра вырезал небольшую полосочку вертикальную шириной несколько пикселей. Вот эту самую полосочку и пытался вставлять как бэкграунд.

-BoB4uK- добавил 05.05.2010 в 08:53

Готов немного на пиво подкинуть тому, кто поможет с решением этой проблемы :)

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