Javascript-форум - растянуть div на страницу

Всем спасибо сами разобрались

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    function divresize() {
        var windowwidth = $("#centr").width(); //определяем высоту окна браузера
        var x = 500;
        $("#centr1").css('width', windowwidth - x); //устанавливаем высоту блока(равно высоте окна за вычетом шапки и подвала)
    }
    divresize(); //вызываем функцию изменения размера блока
    $(window).bind("resize", function(){ //при изменении размера окна вызываем функцию
        divresize(); 
    });
});





</script>
<style type="text/css">
#centr {
width:90%; /*  */
 height:300px;
 border: 1px solid aqua;
 background: #faebd7;
 }
 #centr1{

 height:100px;
 border: 1px solid blue;
background: #00f000;
 }

</style>

</head>

<body>
  <div  id="centr"  align="center">
  <p>
	  centr
	  <br>width:100%; 
 <br>height:400px;
       </p> 
    <div id="centr1">
    
    </div>
	
  </div>
</body>
</html>

$(document).ready(function() { function divresize() { //саздаём и называем функцию - divresize $("#centr1").css('width', $("#centr").width() - 500 );} // описываем как работает функция //ширина "centr1" = "centr" -500 (500рх), или *0,8 (80%), или /2 (50%) ну вобшем математика. divresize(); //вызываем функцию divresize и устанавливаем width для #centr1 $(window).bind("resize", function(){ //при изменении размера окна вызываем функцию divresize и ......... divresize(); }); });