DIV位置永恒居中

此代码能有效的控制位置,感谢网友迪亚

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
     < title > Untitled Page </ title >
</ head >
< body  onload ="resize_rect();" >
     < div  id ="rect"  style ="position:absolute; background-color:Red;" >
         < table  border ="1"  width ="300"  height ="100" >
             < tr >
                 < td  width ="50%" > &nbsp; </ td >
                 < td  width ="50%" > &nbsp; </ td >
             </ tr >
             < tr >
                 < td  width ="50%" > ffffffffff &nbsp; </ td >
                 < td  width ="50%" > ffffffffffffffff &nbsp; </ td >
             </ tr >
         </ table >
     </ div >
    
     < script  language ="javascript"  type ="text/javascript" >
         function  resize_rect()
        {
             var  o  =  document.getElementById( " rect " );
             // o.style.width =  document.body.clientWidth / 10 * 8 + "px";
            //  o.style.height =  document.body.clientHeight / 10 * 8 + "px";
           
            o.style.left  =  ( document.body.clientWidth  -  o.offsetWidth )  /   2   +   " px " ;
            o.style.top  =  ( document.body.clientHeight  -  o.offsetHeight )  /   2   +   " px " ;
        }
        
        window.onresize  =  resize_rect;
     </ script >
    
</ body >
</ html >