ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> WEB标准中元素水平居中方案总结

WEB标准中元素水平居中方案总结 (2)

来源:中国设计秀    作者:佚名    点击:386     加入收藏
此方案得结合使用绝对定位(absolute positioning )。首先,把#container绝对定位并左偏移50%,这样,#container的左边界就是页面分辨率的一半。下一步,把#container的左边界设置为负值,值大小为#container宽度(width)的一半。
#container{
background: #ffc url(mid.jpg) repeat-y center;
position:absolute;
left:50%;
width: 760px;
margin-left:-380px;
}

看,没有任何黑客技巧(no hacks)!连Netscape 4.x都支持!

PS:此方法在IE下会导致不能使用鼠标选择某个区段的元素,注意注意!

0
顶一下
[1] [2]
2008-06-21 00:52:00    出处:中国设计秀cnwebshow.com
Google
热点文章/相关文章
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口