-
Главная страница - netsaita.ru/delta/index.html фон остается при любом разрешении экрана правильный.
Внутренняя страница - netsaita.ru/delta/agency.html
Как сделать фон фиксированный, не прокручиваемый, если фон состоит из двух div'ных слоев:
Код:
#nebo {height: 60%}
#footer {top: 60%; height: 40%; background-image : url('images/sea.jpg'); background-color:#1E456C; background-repeat:repeat-x; background-position-y:top}
Фон неба прописан в body
Код:
body {height: 100%; margin : 0; padding : 0; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color:#FFFFFF; background-image : url('images/nebo.jpg'); background-color:#366EBA; background-repeat:repeat-x; background-position-y:top}
Буду благодарна за любой совет.
-
Цитата:
Originally posted by netsaita@Jun 14 2007, 13:57
Как сделать фон фиксированный, не прокручиваемый
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
background-attachment: fixed;
-
background-attachment: fixed; - не работает, ведь фоном являются 2 картинки.
1 картинка занимает 60% экрана, вторая - 40%.
Если появляется вертикальная полоса прокрутки, то фон так и заполняет всего 60% и 40%.
А после прокрутки пусто. Нужно эти две картинки зафиксировать, чтобы при прокрутке вниз фон из двух картинок остался на месте.
Посмотрите, пожалуйста, на страницу netsaita.ru/delta/agency.html при разрешении 800х600...
-
Цитата:
Originally posted by netsaita@Jun 14 2007, 14:39
Посмотрите, пожалуйста, на страницу netsaita.ru/delta/agency.html при разрешении 800х600...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Да это-то понятно... смотрел... Пустите тогда все одной картинкой... и зафиксируйте ее... Или попробуйте привязать один фон к элементу html, а второй фон – к body...
-
#footer {
z-index:1;
position:fixed; bottom: 0px;
height: 40%; width:100%;
...
}
* {
z-index: 2;
}
+ добавляем к этому какой-нибудь хак фиксящий fixed для старых ие
