Вопрос по сверстаному шаблону

[Mal4ishnik]

Привет всем! Сверстал шаблон. И по нему возник вопрос:

В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<div id="body_bg"></div>), который и создает это пустое пространство в опере, свойства которого такие:

background:url("img/bg_body_bottom.png") no-repeat scroll 50% 100% transparent;
bottom:0;
height:1600px;
margin-bottom:50px;
position:absolute;
width:100%;
z-index:-10;

как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу

Edited May 24, 2010 by Mal4ishnik

[Searcher]

Пожалуйста ссылку не на localhost дайте... Мы ж не можем посмотреть твориться что там у вас на компьютере...

[Mal4ishnik]

ой, сори! все исправил, можно смотреть

[Searcher]

Не понял по поводу прокрутки, но возможно это из-за отрицательного z-index... Вариантов прижатия тени много можно придумать. Здесь может проще в фон html воткнуть верхнюю часть, а в фон body нижнюю.

[Mal4ishnik]

как оказалось даже при абсолютном позиционировании опера растягивала экран по размеру картинки высотой 1600пкс.

А есть где почитать как можно растягивать див по вертикали, а то в нэте только с экспрешенами для ие нашел

[Searcher]

Растягивать по вертикали при абсолютном позиционировании можно указав все координаты сторон: top:0; left:0; bottom:0; right:0;

ИЕ после 6 версии это понимает. Для <=6 нужны экспрешены, но лучше даже на события открытия и изменения размера вешать javascript функции, а то экспрешены вешают иногда ИЕ.

А чем не подходит фон вверха в html и низа в body?

[Mal4ishnik]

та это я так, интересуюсь для общего развития, а то иногда мелькают мысли растягивать дивы)

[Searcher]

еще вариант 100% высоты и ширины, только у родителей надо указать размеры, в т.ч. и у body с html