Форум Сайтостроение Веб-строительство

Вопрос по repeat

djdiplomat
На сайте с 05.08.2009
Offline
136
djdiplomat
598

На сайте http://pleva.ucoz.ru/ изменил шапку, которая состоит из двух частей, но теперь проблема:

Поскольку шапка подстраивается под размер экрана, на больших мониторах справа она (шапка) выглядит совсем некрасиво(((((((

Вопрос: Как сделать, чтобы основная картинка была по центру, а повторяющийся рисунок добавлялся с двух сторон по оси Х?

Вот кусок кода из моей css:

#wrap {background: url('http://pleva.ucoz.ru/img/lin2.jpg') repeat-x #E2E2E2; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px" : "auto");min-width:1000px;}

#header {height:250px;background:url('http://pleva.ucoz.ru/img/header.jpg') no-repeat;text-align:left;}

Could
На сайте с 23.03.2010
Offline
23
Could
#1

название убило. по сабжу, посмотрите css на сайтах с подобной структурой

djdiplomat
На сайте с 05.08.2009
Offline
136
djdiplomat
#2
Could:
по сабжу, посмотрите css на сайтах с подобной структурой

Да я вот что-то не нашел((((((( может ищу хреново)

я нашел что repeat-x доставляет куски по оси икс, но он у меня что-то только справа их штампует.

может кто поможет? Ведь по любому у кого нибудь из форумчан есть резиновая верстка

Помощь в фильтрации ботов Offerum - мошенники или Фильтр МПК и боты
[Удален]
#3

djdiplomat, в классе допишите: background-position:center;

djdiplomat
На сайте с 05.08.2009
Offline
136
djdiplomat
#4

Moi-Sha, спасибо! Получилось! А если можно еще вопросик:

Сейчас у меня шапка из 2-х частей(основная и полоска) Вопрос: как сделать ее из трех(еще одну полоску добавить) причем так, чтобы один файл с полоской доставлялся только слева, а другой справа от основной картинки?

[Удален]
#5

djdiplomat, делается так: баграунды изготавливаем с запасом по ширине, а потом одному ставим background-position:left; а другому background-position:right; и можно указать, что повторять их нельзя (background-repeat:no-repeat;). Очень простой и эффективный способ

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