Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так...((( Сам сайт резиновый, под левым логотипом - часы. Буду признателен Вам в помощи! Код блока шапки. <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> Градиент! <td width="507" height="150" valign="top"><div class="konteiner"><img src="img/header-gradient.jpg" class="gradient"></div> Скрипт часов и даты! <div class="time"><script language=Javascript></script> <script>writeclock()</script> </div> Левая картинка <div align="left"><img src="img/header-left10.png" class="logo"></div></td> <td width="100%" valign="top"></td> Правая картинка <td width="501" height="150" valign="top"><div align="right"><img src="img/domiki-right2.png" align="left" class="dom"></div></td> Добавить в избранное <td width="501" valign="top"><div class="favorits"><a href="http://www./" rel=sidebar title="" onclick="window.external.AddFavorite('http:///','имя'); return false;"><IMG SRC="img/favorits.png" alt="Добавить в избранное" WIDTH=20 HEIGHT=20 BORDER=0 ALIGN="left"></a></div> Сделать стартовой! <div class="starting"><a href="http:///" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:///'); return false;"><IMG SRC="img/house.png" alt="Сделать стартовой" WIDTH=16 HEIGHT=16 BORDER=0 ALIGN="left"></a></div> Написать "нам" <div class="mail"><a href="mailto:"><img src="img/mail.png" alt="Написать нам" WIDTH=18 HEIGHT=16 BORDER=0 ALIGN="left"></div></td> </tr> </table> Вот код стилей используемых мною! .konteiner { z-index:-1; overflow:hidden; position: absolute; top:0;left:0; height:150px; width:100%; } .gradient { width:100%; height:150px; } .time { z-index:10; font-family: Arial, Helvetica, sans-serif; color:#585858; font-size: 14px; font-weight: bold; overflow:hidden; position: absolute; top:130px; left: 23px; } .logo{ top: 0px; left: 0px; width:500; height:140; } .dom { top: 0px; width:500; height:140; margin-right: 0px; }
