此代码能有效的控制位置,感谢网友迪亚
<
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%" > </ td >
< td width ="50%" > </ td >
</ tr >
< tr >
< td width ="50%" > ffffffffff </ td >
< td width ="50%" > ffffffffffffffff </ 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 >
< 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%" > </ td >
< td width ="50%" > </ td >
</ tr >
< tr >
< td width ="50%" > ffffffffff </ td >
< td width ="50%" > ffffffffffffffff </ 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 >