[alice liddell,]

Ребята, у меня такая проблема: мой фон с бордюром. Когда прокручиваю текст, он залезает на этот самый бордюр, а должен уходить под него. Я не знаю, как это сделать.
Когда тока заходишь в днев, текст находится под медведями, т.е. он уже опущен. Надо сделать, чтобы текст не залезал на медведей, когда его начинаешь просматривать. Помогите, плиз.

Вот картинка.

Comments

[Mizerikord]

Полагаю, бордюр надо отрезать от фона и загнать в зафиксированный extratop.

[mani4_ka]

Mizerikord...пробовали, пляшет в зависимости от расширения, а прозрачный экстратоп не фиксируется.

[Mizerikord]

mani4_ka
А как пробовали? Можно поподробнее?

[alice liddell,]

Mizerikord
#wrapper{min-width:850px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
#side {width:140px !important; margin:0 !important}
#page-c {width:700px !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important;}
#extratop { background: url('/userdir/6/4/7/7/647776/32259966.png')no-repeat; width:850px; height:228px; line-height: none !important;}
#side {text-align:center;}
#side a:link,#side a:visited{color:#083838}
#side a:hover,#side a:active{color:#38A868}
body{ background-attachment:fixed; }

Это не фиксировали, но с др. расширением все съезжает. А прозрачный экстратоп не фиксируется вообще.

[Mizerikord]

Julietta Dains
Могу предложить вариант, как это реализовано на моем дайре, можете посмотреть.
Делается это так:

Разрезаете в фотошопе ваш бэкграунд, делаете верхний бордюр отдельным файлом, нижнюю часть - отдельным. В экстратопе прописываете бэкграундом верхний бордюр примерно таким образом:

#extratop { background-image:url('/userdir/1/5/5/2/155264/***.jpg'); background-repeat:repeat-x; height:***px; line-height:***px; width: ***%; position:fixed !important; margin-top:0px !important; margin-left:0px !important; z-index:10}

Нижнюю часть бэкграунда вставляете фоном страницы, если хотите чтобы он не "ездил" вместе с текстом, то можете дополнительно прописать:
body {padding-top:***; padding-left:0; background-attachment:fixed;}

padding-top:*** - укажете высоту бордюра, вставляемого в #extratop , тогда фон и верхняя часть бордюра будут выглядеть как одно целое, а при прокрутке страницы текст будет уезжать под #extratop.

Да, данный вариант не работает в IE версий, ниже седьмой. Там фиксированный экстратоп все равно уезжает наверх при прокрутке страницы, и решения этой проблемы лично я пока нигде не нашла. В Мазиле, Аванте и Опере все работает чудесно.

[alice liddell,]

Mizerikord
Спасибо) щас попробую)

[Mizerikord]

Julietta Dains
Расскажете о результатах?

[alice liddell,]

Mizerikord
Конечно)) еще не раз переспрошу предварительно^^

[Mizerikord]

Julietta Dains
Ок. Если смогу - помогу.