Фиксированный элемент

[Zeeeya]

Здравствуйте!

Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?

Edited June 12, 2012 by Zeeeya

[flintovich]

Здравствуйте!

Как на сайте, вот сайт[/url, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?

Создаете новый див(дополнительный слой),и присваиваете ему position: absolute;

А блоку, который его обварачивает position: releativ;

И свойствами left и top позиционируете елемент так, как вам нужно.

[Zeeeya]

flintovich, спасибо! Сделала!

А как бы еще сделать так, чтоб этот слой был под блоками, т.е. под другими слоями?

(собака чтоб просвечивала под блоком новостей)

[NeoXidizer]

лучше уберите этот блок

и задайте background блоку div class="moduletable"

background:url(http://sheratonbl.ru/templates/sheraton/images/dog.png) no-repeat 50% 90%;

[Zeeeya]

лучше уберите этот блок

и задайте background блоку div class="moduletable"

ПОчему лучше убрать?

А moduletable у меня почему-то в футере... Не работает...

Оставила пока как есть, присвоила слою с собакой z-index: 1, а слою блока z-index:2, но слои остались на месте. Почему?

вот код:

.main_fon {
background: url(../images/main_fon.png) repeat;
position:reletive:
z-index: 2;
}
..........

#dog{
background: url(../images/dog.png) no-repeat; 
width:170px;
height: 156px;
position: absolute;
z-index: 1;
right:66px;
bottom:60px;

}

Edited June 13, 2012 by Zeeeya