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

2010-06-17 郑州网站建设  
网页在浏览器绝对居中的方法,代码如下:
 
方法一:
<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即可。
 

河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://www.tzchb.com/tech/503.html转载请标明出处,谢谢合作!
标签:
  • 代码
  • 网页
  • HTML
  • 浏览器
  • 居中