Вобщем: Code: <body> <div id="wrapper"> <div id="header"> header </div> <!– close header –> <div id="content"> <div id="main"> <div id="posts"> News </div> <!-close posts-> </div> <!– close main –> <div id="rsidebar"> rsidebar </div> <!– close rsidebar –> <div id="lsidebar"> lsidebar </div> <!– close lsidebar –> <div id="lsidebar2"> lsidebar2 </div> <!– close lsidebar2 –> </div> <!– close content –> <div id="footer"> footer </div> <!– close footer –> </div> <!– close wrapper –> </body> Это структура блога. Body заливаю серым цветом, хочу в wrapper прописать фоновый рисунок (center.jpg). Прописываю в цсс - нифига. Ставлю просто заливку цветом - все на ура. Файл цсс прилагаю, помогите, что я сделал неправильно. CSS
#wrapper { position:relativ; background: url ('img/center.jpg') repeat-y bottom center ;//надо чтоб изображение повторялось только вертикально по центу?,и проверь есть ли center.jpg в папке img добавь background-attachment: fixed//Делает фоновое изображение элемента неподвижным.
Файл в папке точно есть. Мне требуется, чтобы изображение (полоска с тенями по краям) заполнила пространство от шапки до подвала, с небольшими отступами от края, чтобы был виден цвет body. Кстати, когда в body кидаю изображение - все отлично (почти=)), когда в wrapper - не отображается нифига.
делай так <body style="background: url ('img/center.jpg') repeat-y bottom center; border: 1px solid #000; margin-top120px; margin-right: 25px; margin-bottom: 10px; margin-left:15px; width: 900px; height: 1030px; font-size: 70%;"> ..... ..... ..... </body>