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

четверг, 14 августа 2008

17:58

все записи пользователя в сообществе alice liddell,

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

URL

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

Случайно наступил на ухо медведю. Зверь выглядел вяло и д... Слушал брачные песни росомах. Положил на ноты. Получилось... Упал в пропасть. Сломал себе 86 косточек. Ходил к фельдше...

Комментарии

14.08.2008 в 21:00

Mizerikord

Пренебречь, вальсируем!

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

URL

14.08.2008 в 21:30

mani4_ka

Смех без причины - мой образ жизни...ツ

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

URL

14.08.2008 в 21:37

Mizerikord

Пренебречь, вальсируем!

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

URL

15.08.2008 в 00:16

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; }

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

URL

15.08.2008 в 11:21

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 версий, ниже седьмой. Там фиксированный экстратоп все равно уезжает наверх при прокрутке страницы, и решения этой проблемы лично я пока нигде не нашла. В Мазиле, Аванте и Опере все работает чудесно.

URL