Понятно

Так бы сразу и сказал, что тебе нужен градиент для фона.
Тогда можно сделать примерно так:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type='text/javascript'> onload = function () { var grad = document.getElementById("gradient"); var r,g,b; var ClientWidth, ClientHeight;     if (self.innerHeight) {         ClientWidth = self.innerWidth;         ClientHeight = self.innerHeight;     }     else if (document.documentElement && document.documentElement.clientHeight) {         ClientWidth = document.documentElement.clientWidth;         ClientHeight = document.documentElement.clientHeight;     }     else if (document.body) {         ClientWidth = document.body.clientWidth;         ClientHeight = document.body.clientHeight;     } var step = Math.round(ClientHeight / (0xFF - 0xB0));     grad.style.height = ClientHeight;     for (var i = 0xFF; i > 0xB0; i--) {         r = i-0xA;         g = i-0x5;         b = i;         var elem = document.createElement("DIV");         elem.style.width = ClientWidth + "px";         elem.style.height = step + "px";         elem.style.backgroundColor = 'rgb(' +r+ ', ' +g+ ', ' +b+ ')';         grad.appendChild(elem);     } } </script> <style type='text/css'> body {margin: 0; padding: 0} #gradient {position: absolute; z-index: 0; font-size: 1px; overflow: hidden} #main {position: absolute; z-index: 1; padding: 1em} </style> </head> <body> <div id='gradient'></div> <div id='main'> Здесь контент </div> </body> </html>

А вообще, вот градиент на все случаи жизни, для любых элементов, кроссбраузерный: http://slayeroffice.com/code/gradient/

Ciber SLasH
Пасиб. Только он прри изменениии размеров окна не перерисовывается. Можно?
А то что на : http://slayeroffice.com/code/gradient/ -- эт уж перебор.

Остановился на таком варианте:

Код

<html> <style> #bg{       font-size: 1px;       overflow: hidden;       position: absolute;                               float: left;       width: 100%;       height: 100%;       left: 0px;       top: 0px;       z-index: 1;    border:1px solid white; } .g { font-size:2px; } </style> <body topmargin="0" leftmargin="0"> <div id="bg">       <script language="JavaScript" type="text/javascript">               document.write('<table cellpadding="0" cellspacing="0" width="100%" height="100%">');               for(i=0xFF;i>0xB0;i--){                 r=i-0xA; g=i-0x5; b=i;               document.write('<tr style=" background-color: RGB(' + r + ', ' + g + ', ' + b + ');"><td class="g">&nbsp</td></tr>');               };               document.write('</table>');       </script> </div> </body> </html>

А по мне так вот такой вариант самый лучший, и лёгкий:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content='text/html; charset=windows-1251'> <meta name="Generator" content='EditPlus 2.20.211'> <meta name="Author" content='Ciber SLasH'> <script type='text/javascript'> function doBK() { var obj = document.getElementById('bkg');     if (self.innerHeight) {         obj.width = self.innerWidth;         obj.height = self.innerHeight;     }     else if (document.documentElement && document.documentElement.clientHeight) {         obj.width = document.documentElement.clientWidth;         obj.height = document.documentElement.clientHeight;     }     else if (document.body) {         obj.width = document.body.clientWidth;         obj.height = document.body.clientHeight;     }     obj.style.display = ''; } </script> <style type='text/css'> html, body {margin: 0; padding: 0} #bkg {z-index: 0; position: absolute} #content {z-index: 1; position: relative} </style> </head> <body onLoad='doBK()' onResize='doBK()'> <img id='bkg' src='bg.png' style='display: none'> <div id='content'> Контент </div> </body> </html>

Картинка bg.png в аттаче.

Присоединённый файл ( Кол-во скачиваний: 11 )
 bg.png 0,50 Kb

Ciber SLasH
Разумеется, это самый простой способ. "Но мы не ищем легких путей"
А еще в твоем варианте, в Internet Explorerе постояно выскакивает панелька от рисунка с кнопками "соранить, напечатать"
В принципе "тема раскрыта"... Всем спасибо!