Верстка двух фонов, не выходит

[sv9t]

Добрый день!

У меня на blogger есть блог, куда я загрузил сторонний шаблон. Фон(background) в нем уже загружен - это шапка блога

body {
background: #ffffff url(http://1.bp.blogspot.com...D8/s1600/bg.jpg) top left repeat-x;
margin: 0;
padding: 0;
font: 10pt verdana, arial, helvetica, sans-serif;}

Хочется добавить второй фон, на всю страницу браузера, под вышеуказанную шапку, с тегом fixed. Сначала тупо пробовал ниже добавить url второго фона, он соответственно перекрывал первый. Почитав еще htmlbook, нашел z-index, но как ни варьировал с ним ничего не выходит, он только для блоков в шаблоне или подходит и для background?

Может кто наставит на путь истинный, я так понимаю надо экспериментировать с относительным позиционированием?

Спасибо!

[tt48]

Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.

http://htmlbook.ru/css/z-index

он только для блоков

[sv9t]

он только для блоков

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

[tt48]

картинку бы.. как есть и как надо.

[sv9t]

Вот в виде картинок:

1)как есть , соответственно шапка прокручивается вместе с контентом.

2)имеется потрясающе-приятный фон

3)соединяем их и получается

где шапка(оранжевая)вместе с контентом прокручивается, а зеленый фон задан как fixed, т.е. просто заполняет окно браузера и не прокручивается.

З.Ы. так то в теории ничего сложного, но вообще возможно ли такое? Такого не встречал вроде нигде.

[ShumNo]

Возможно, у буржуев много таких сайтов, но для браузера не самая приятная штука, но есть и исключения

[sv9t]

Возможно, у буржуев много таких сайтов, но для браузера не самая приятная штука, но есть и исключения

Мне бы хоть понять по какому принципу соединить два фона, а потом уже подкоррректировать под различные браузеры. Кто подскажет?

[ShumNo]

1 в боди другой к другим элементам или я не о том?

[sv9t]

у меня один в боди уже стоит, самый первый пост. Дак вот второй и неполучается под первый вложить, зеленый накладывается на орагьжевую шапку. После чего второй вписывать?

[ShumNo]

Так боди это самый нижний слой туда зеленую надо а те что буду выше цеплять фоном к дивам

[sv9t]

ага,сообразил. Так, вот что вышло с див

<div class="separator" style="clear: both;">
<a imageanchor="1" ><img style="margin-left: 0em; margin-right: 0em;" src="http://1.bp.blogspot.com/_...uGiVUD8/s1600/bg.jpg" width="100%" /></a>
</div>

По-моему тут лишнего есть, не могу сообразить что. Название блога и описание под названием сдвинулись под шапку, которая в диве прописана.

1)Можно ли как то в в коде прописать чтоб текст можно было накладывать? если нет в принципе в фотошопе потом можно наложить, нетрудно.

2)и шапка после переноса с боди в див стала уже по вертикали, как чуть-чуть растянуть ее?

3)Url зеленого фона тупо вбил вместо оранжевой шапки в боди, дак он растянулся так что границы вышли за размеры моего браузера, как их сделать чтоб сам растягивался?

Спасибо!)