Решение нашел, может кому пригодится - но в эесплорере это изображение стает поверх, и все что добавляется становится под ним.
на главной нужно было перегрупировать элементы, чтобы первым был Главная:
Code
<body>
<div id="page-background">
<div style="background-color: f5f2cf; #border-width:1; border-color: #9696b5; border-style:groove; padding:1px;">
<div style="background-color: f5f2cf; #border-width:3; border-color: #cac6d2; border-style:ridge;padding:0px;">
<div style="border:2px solid #cee8ee;">
Пишем текст
</span></span></b><body><img src="http://astro-hirolog.at.ua/Dizain/99.jpg" width="100%" alt="" />
<div class="main">
</div>
</div>
</div>
</div>
</div>
</body>
ЦСС
Code
#page-background {
position: fixed;
table-layout:fixed
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main {
position: relative;
z-index: 1;
overflow: hidden;
}
body {
background:url(about:blank);
background-attachment: fixed;
}
#page-background {
position:absolute;
top: expression(document.getElementsByTagName("body")[100].scrollTop + "100px");
}
в оригинале в нижней строке следует написать (document.getElementsByTagName("body")[
0].scrollTop + "
px"); но тогда изображение с рамкой прикрепляется к верху сайта а не остается под низом шапки.
Сообщение отредактировано
varonsk - Пятница, 16.11.2012, 14:53