[原创] 纯css漂浮广告页面垂直居中(兼容IE6、IE7、Firefox2.0)
2008-06-23 10:16
204 查看
CSS:
1<div id="adflcenter"><div style="height: 300px; width: 760px;"></div></div>
注:需要设置外部div的高度,内部div的高度和宽度。
如页面无声明页面类型,则使用以下CSS代码(在大于1024x768分辨率的情况下会偏离居中)
1#adflcenter {* html #adflcenter {#adflcenter div {
![](http://www.phpweblog.net/Images/dot.gif)
}{ position: relative; top: -50%; left: -25% margin: 0px auto; }
1<div id="adflcenter"><div style="height: 300px; width: 760px;"></div></div>
注:需要设置外部div的高度,内部div的高度和宽度。
如页面无声明页面类型,则使用以下CSS代码(在大于1024x768分辨率的情况下会偏离居中)
1#adflcenter {* html #adflcenter {#adflcenter div {
![](http://www.phpweblog.net/Images/dot.gif)
}{ position: relative; top: -50%; left: -25% margin: 0px auto; }
相关文章推荐
- [原创] css实现透明度(兼容IE6、IE7、Firefox2.0)
- 兼容IE6,IE7,IE8,Firefox,Chrome,DIV+CSS垂直居中终于失败,最后三分钟用写了几行JS解决,经简单测试,还行。
- [原创] 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
- CSS实现不定高度垂直居中 兼容IE7
- css浮动层垂直水平居中固定兼容火狐、ie6、ie7、ie8
- div+css实现Firefox和IE6兼容的垂直居中
- css实现透明度(兼容IE6、IE7、Firefox2.0)
- 爱分享 css控制图片垂直水平居中支持IE6、IE7、IE8、FF等…
- 大集合【CSS兼容IE6,IE7,FF的技巧 + 其他页面技巧】[转]
- [转] css实现透明度(兼容IE6、IE7、Firefox2.0)
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- 纯css文本溢出省略(需定义宽度,兼容IE6、IE7、Firefox2.0、Opera9.0)
- DIV实现垂直居中(兼容IE6、IE7、IE8,Firefox)
- div+css实现Firefox和IE6兼容的垂直居中
- 图片垂直居中css写法兼容ie6
- css实现透明度(兼容IE6、IE7、Firefox2.0)
- jquery 弹出层垂直居中不动 页面可滚动兼容ie6
- [原创] javascript获取select的当前值(兼容IE6、IE7、Firefox2.0)
- 图片水平垂直居中(兼容IE6,IE7,firefox,opera,safari,其中图片可以是任何块元素)
- [转] CSS去除链接虚线(兼容IE6、IE7、Firefox2.0)