получилось (если таблицами вообще не прёт можно так):
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
*{margin:0; padding:0}
html, body{
width:100%; height:100%;
background: #999999;
}
#decor1{
background: url(http://liox.ru/div/images/backleft3.gif) repeat-y right 0;
height: 100%; position: absolute; top:0; left:0;
}
#decor2{
background: url(http://liox.ru/div/images/backright3.gif) repeat-y left 0;
height: 100%; position: absolute; top:0; right:0;
}
.main{
width: 600px;
margin: 0 auto;
background: silver;
text-align: center;
}
</style>
<script type="text/javascript">
var content_width = 600; // ширина контента
var decor_width = 86; // ширина картинки
window.onload = init_decors;
var decor1, decor2;
function init_decors(){
decor1 = document.getElementById('decor1');
decor2 = document.getElementById('decor2');
window.onresize = decors;
decors();
}
function decors(){
var d = document.body.clientWidth - content_width;
var w = 0;
if( d > 0){
w = Math.floor (d / 2);
if( w > decor_width) w = decor_width;
}
decor1.style.width = w + 'px';
decor2.style.width = w + 'px';
}
</script>
</head>
<body>
<div class="main">Hellow world!</div>
<div id="decor1"></div>
<div id="decor2"></div>
</body>
</html>