1)在<head>里加上
<script>
function centerWin(){
if(eval("window.mainWin"))
{
if((document.body.clientWidth - 774)) document.all.mainWin.style.pixelLeft = (document.body.clientWidth - 774)/2; if((document.body.clientHeight - 420)) document.all.mainWin.style.pixelTop = (document.body.clientHeight - 420)/2;
}
}
</script>2)把<body>加上:
<BODY onload="centerWin()" onresize="centerWin()">3)紧跟着<body>后面加上:
<div id="mainWin" style="position:absolute; left:0px; top:0px; width:770px; height:420px; z-index:1">然后下面就是你自己的内容.原理:通过程序控制最外面的层居中.而里面的东西包括层自然就居中了.
实例: www.cpss.org.cn (全是层); www.studentimes.com/zs
<script>
function centerWin(){
if(eval("window.mainWin"))
{
if((document.body.clientWidth - 774)) document.all.mainWin.style.pixelLeft = (document.body.clientWidth - 774)/2; if((document.body.clientHeight - 420)) document.all.mainWin.style.pixelTop = (document.body.clientHeight - 420)/2;
}
}
</script>2)把<body>加上:
<BODY onload="centerWin()" onresize="centerWin()">3)紧跟着<body>后面加上:
<div id="mainWin" style="position:absolute; left:0px; top:0px; width:770px; height:420px; z-index:1">然后下面就是你自己的内容.原理:通过程序控制最外面的层居中.而里面的东西包括层自然就居中了.
实例: www.cpss.org.cn (全是层); www.studentimes.com/zs
然后把这个层放在一个表格的<td>里,对<td>进行样式设置
.layer { position: relative; clip: rect( )} //放在图层所在的<td>里
将这个样式放在<td>里就可以了
这样不管在什么样的分辨率下都一样的了!!