Нужна помощь. Заливка фона градиентом. как правмльно прописать в коде

12
V
На сайте с 14.07.2009
Offline
42
3458

http://i10.fastpic.ru/big/2010/1003/86/1f614801ca5fa0df762bae2f03d6ce86.jpg

Сайт фиксированной ширины(светлый фон), остальное пространство залито градиентом. но сделать так не получается. если прописываю к css свойство к тегу боди картинку с гладиентом и добавляю к ней wight:100% то её выводит именно такой ширины как она есть, если добавляю эту картинку в саом тело html + wight:100% то её растягивает как положено, однако тогда место под сам сайт, светлый фон, начинает выводить только ниже самого градиента.

Как вариант уже прикинул что можно сделать 3 колонки, боковые залить картинками с градиентом, а центральную использовать под сам сайт, но это не то решение которое хотелось бы использовать.

Может кто подскажет как сделать?

A2
На сайте с 17.11.2009
Offline
52
#1
vladimirok:
http://i10.fastpic.ru/big/2010/1003/86/1f614801ca5fa0df762bae2f03d6ce86.jpg

Сайт фиксированной ширины(светлый фон), остальное пространство залито градиентом. но сделать так не получается. если прописываю к css свойство к тегу боди картинку с гладиентом и добавляю к ней wight:100% то её выводит именно такой ширины как она есть, если добавляю эту картинку в саом тело html + wight:100% то её растягивает как положено, однако тогда место под сам сайт, светлый фон, начинает выводить только ниже самого градиента.
Как вариант уже прикинул что можно сделать 3 колонки, боковые залить картинками с градиентом, а центральную использовать под сам сайт, но это не то решение которое хотелось бы использовать.

Может кто подскажет как сделать?

Если я правильно понял то ты хочешь сделать фон за сайтом

html, body {

background-image: url('images/bg.jpg');

}

[Удален]
#2

html, body {

background: url('images/bg.jpg') repeat-y center top;

}

можно так попробовать еще.

RO
На сайте с 13.07.2009
Offline
88
#3

Tai89, зачем указывать top если она дублируется по вертикали? repeat-y center хватит.

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
#4

vladimirok,

html:

<div class="main">
main block
</div>

css:

html,body {
width:100%;
height:100%;
padding:0;
margin:0;
}
.main {
width:1000px; /* тут указываем вашу ширину */
min-height:100%; /* растягивает на 100% по высоте */
_height:100%; /* Указываем для ИЕ6 */
background:url(../images/you_bg.png) repeat-y;
}
V
На сайте с 14.07.2009
Offline
42
#5
asmakovec2:
Если я правильно понял то ты хочешь сделать фон за сайтом

html, body {
background-image: url('images/bg.jpg');
}

совершенно верно. однако проблема в том что фот идёт градиентом, от темного в светлому и обратно к тёмному. если я делаю картинку к примеру 800 пх, то у меня не получается её растягивать в css файле, а получается только если я её прописываю в самом хтмл документе, однако в этом случае сам сайт начинается ниже самого фона. но зато картинка фона растягивается как мне и нужно. Могу сделать картинку и шире, тогда на мониторах более меньшего разришения не будет показан весь градиент.

до этого похожие вопросы(когда картинку нужно растянуть) я решал так

< div class=""><img src="/images/1.jpg" width="100%"/>< /div>

и возможный элемент если он находится на этом диве выставлял уже через позиционирование вторым слоем.

а тут получится что позициоировать придётся целый сайт

A2
На сайте с 17.11.2009
Offline
52
#6

а зачем ты делаешь что бы фон растягивался? Ты выше писал что сайт будет статический.

V
На сайте с 14.07.2009
Offline
42
#7

сайт да, а фон залит градиентом.

на рисунке в 1 посте светлый это сайт, а тёмные места это то что не входит в сайт

A2
На сайте с 17.11.2009
Offline
52
#8
vladimirok:
сайт да, а фон залит градиентом.
на рисунке в 1 посте светлый это сайт, а тёмные места это то что не входит в сайт

Тогда вот так

html, body {

background: #FFFFFF url('images/bg.jpg') repeat-y center;

}

#FFFFFF цвет крайнего пикселя картинки с лева или права

V
На сайте с 14.07.2009
Offline
42
#9
asmakovec2:
Тогда вот так

html, body {
background: #FFFFFF url('images/bg.jpg') repeat-y center;
}

#FFFFFF цвет крайнего пикселя картинки с лева или права

не работает, выводит только цвет который указываешь

A2
На сайте с 17.11.2009
Offline
52
#10
vladimirok:
не работает, выводит только цвет который указываешь

Не может быть такого.

у меня почему-то работает

12

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