Резиновый сайт и background-image

[Ritter]

Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать:

#header-menu-fon {
    width: 100%;
}

.header-menu-fon-center {
    background: url('image/header-menu-fon.jpg')no-repeat;
    width: 1300px;
    height: 146px;
    margin: 0 auto;    

}

.header-menu-fon-left {
    background: url('image/header-menu-fon-left.png') repeat-x;
    width: 2px;
    height: 146px;
    float: left;

}

.header-menu-fon-right {
    background: url('image/header-menu-fon-left.png') repeat-x;
    width: 2px;
    height: 146px;
    float: right;
}

Пробывал разные вариант, в том числе width:100% у боковых, но в место повтора, картинка растягивается. Туплю... Подтолкните.

[psywalker]

http://psywalker.ru/Portfolio/Archery/main-page.html

[Ritter]

Уже решил вопрос, так:

.header-menu-fon-center {
    background: url('image/header-menu-fon.jpg');
    width: 66%;
    height: 146px;
    background-repeat: no-repeat;
    margin: 0 auto;   

}

.header-menu-fon-left {
    background: url('image/header-menu-fon-left.jpg') repeat-x;
    width: 17%;
    height: 146px;
    float: left;

}

.header-menu-fon-right {
    background: url('image/header-menu-fon-left.jpg') repeat-x;
    width: 17%;
    height: 146px;
    float: right;
}

На самом деле изначально у меня был вопрос такой:

картинка в центре имеет ширину 1300, по бокам картинки в резине повторяются. Вот как сделать, чтобы правый блок уходил под блок в центре (а не на него) ?

[psywalker]

Ritter, Покажи скриншоты того, как нужно и как не нужно. И с пояснениями.

[Ritter]

Ritter, Покажи скриншоты того, как нужно и как не нужно. И с пояснениями.

_http://ie1918.ru/_

Хочу чтобы картинка по середине была основной (header-menu-fon-center), а левый блок (header-menu-fon-left) и правый блок (header-menu-fon-right) при меньшем разрешении уходили под него. Т.е. с уменьшением окна браузера, уменьшались левый и правый блок до полного исчезновения.

[psywalker]

Ну так и делай тогда так.

1) Берёшь див. Ему назначаешь цвет фона, как боковые.

2) В него засовываешь ещё один див. Ему ставишь фон - картинки в середине, ширину, высоту и выравниваешь по середине.

Всего ДВА дива.

[Ritter]

Ну так и делай тогда так.

1) Берёшь див. Ему назначаешь цвет фона, как боковые.

2) В него засовываешь ещё один див. Ему ставишь фон - картинки в середине, ширину, высоту и выравниваешь по середине.

Всего ДВА дива.

Да это понятно, но у боковых то узор, поэтому вариант только картинкой повторять по левой и правой стороне.

Edited August 9, 2011 by psywalker

[psywalker]

Ну так и делай тогда так.

1) Берёшь див. Ему назначаешь цвет фона, как боковые.

2) В него засовываешь ещё один див. Ему ставишь фон - картинки в середине, ширину, высоту и выравниваешь по середине.

Всего ДВА дива.

Да это понятно, но у боковых то узор, поэтому вариант только картинкой повторять по левой и правой стороне.

Зачем? А почему бы не сделать фон, узорчатый. Вырезать допустим прямоугольник с таким фоном и не пустить его по оси Х у родительского дива?

[Ritter]

Зачем? А почему бы не сделать фон, узорчатый. Вырезать допустим прямоугольник с таким фоном и не пустить его по оси Х у родительского дива?

Там помимо узора, фон-рисунок "типо ткань", если я поставлю только цвет, он будет заметно отличаться.

Т.е. как я хочу сделать не получиться?

[psywalker]

Зачем? А почему бы не сделать фон, узорчатый. Вырезать допустим прямоугольник с таким фоном и не пустить его по оси Х у родительского дива?

Там помимо узора, фон-рисунок "типо ткань", если я поставлю только цвет, он будет заметно отличаться.

Т.е. как я хочу сделать не получиться?

При чём тут "только цвет"? Я тебе не про ЦВЕТ говорю, а про кусок ткани, которая и будет фоном, который повторяется по горизонтали.

[Ritter]

При чём тут "только цвет"? Я тебе не про ЦВЕТ говорю, а про кусок ткани, которая и будет фоном, который повторяется по горизонтали.

Понял тебя, щас сделаю родительскому, так полюбому работать будет как надо. Туплю блин, болею ((

Edited August 9, 2011 by Ritter

[psywalker]

При чём тут "только цвет"? Я тебе не про ЦВЕТ говорю, а про кусок ткани, которая и будет фоном, который повторяется по горизонтали.

Понял тебя, щас сделаю родительскому, так полюбому работать будет как надо. Туплю блин, болею ((

Ничего страшного, бывает