не дружат фон и шапка

Поделиться1Вс, 13 Май 2012 22:23:10

Автор: Jaden
Заслуженный
Зарегистрирован: Пн, 3 Янв 2011
Сообщений: 10
Уважение: 0
Позитив: 0
Последний визит:
Вс, 5 Авг 2012 10:34:26

Такая проблема образовалась: нужно сделать шапку шириной на весь экран и вставить под неё фон так, чтобы задний фон не перекрывал шапку.

http://vivalavida.mybb.ru/ - наш тестовый, на нем собственно и трудимся.

на данный момент там видно только шапку. в HTML-верхе стоит вот это:

Код:

<style type="text/css">
#pun {width:880px; margin: 390px auto auto auto;}

body {background: url(http://www.10pix.ru/img1/4169/7639465.png) no-repeat top;
}

html {background: url(http://savepic.su/1965959.png) background-attachment: scroll; background-repeat: repeat!important;}
}
</style>

а нужен вот такой результат:

Помогите, все мозги сломал уже.

Отредактировано Jaden (Пн, 14 Май 2012 21:27:21)

0

Поделиться2Пн, 14 Май 2012 21:37:07

Автор: Jaden
Заслуженный
Зарегистрирован: Пн, 3 Янв 2011
Сообщений: 10
Уважение: 0
Позитив: 0
Последний визит:
Вс, 5 Авг 2012 10:34:26

Нам всё еще требуется помощь

0

Поделиться3Пн, 14 Май 2012 23:04:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 17:21:04

Jaden
Попробуйте заменить на такое:

Код:

<style type="text/css">
html {background: url(http://uploads.ru/i/4/l/G/4lG9h.jpg)top center repeat!important;
background-attachment:fixed;
}
body {
background:transparent url(http://uploads.ru/i/p/1/b/p1b4I.jpg)no-repeat top center;
background-attachment:scroll;
padding-top:390px;
}
#pun {
 margin: 0 auto auto auto;
 width:880px; 
}
</style>

Отредактировано Deff (Вт, 15 Май 2012 00:53:27)

0