网页绝对居中的方法和代码

文章类型:常见问题    发表2010-05-07   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:307

网页在浏览器绝对居中的方法,代码如下:

方法一:

<div  style='position:absolute;left:expression((body.clientWidth-1000)/2);top:expression((body.clientHeight-600)/2);width:1000;height:600'>
<table width=1000 height=600 border=0 align=center cellpadding=0 cellspacing=0><tr><td>
页面内容
</td></tr></table>
</div>

方法二:

body,html{height:100%;padding:0;margin:0;}
<table width=100% height=100% border=0 align=center cellpadding=0 cellspacing=0><tr><td>
<table width=800 height=600 border=0 align=center><tr><td>
页面内容
</td></tr></table>
</td></tr></table>

其中网页绝对居中方法一中的代码,层和表格里的width和height前后需对应;绝对居中方法二是采用表格居中属性来实现,用CSS定义外表格宽和高均为浏览器的100%,然后内表格居中于外表格TD即可。