首页 > web前端 > html教程 > IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:42:00
原创
933 人浏览过

IE6右浮动 margin-right无效 浏览器兼容 css兼容性

网页内容
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




牢不可破的九宫格布局(http://www.cnblogs.com/binyong)












牢不可破的九宫格布局


这是一个九宫格布局模型,未加载任何图片,请随意拉伸缩放窗体大小,会看到九宫格向各个方向自由弹性伸展。


本模型修改了上一个版本的不足,用浮动的方法避开了ie6的宽高值奇数1px Bug问题,完美地实现所有主流浏览器全部兼容通过。


本模型测试在以下几个浏览器中完全通过:


IE5.5、 IE6、 IE7、 IE8、 FF3、 TT、 Maxthon2.1.5、 Opera9.6、 Safari4.0、 Chrome2.0。


更多原创请访问:冰极峰博客


博客地址:http://www.cnblogs.com/binyong











结果IE9,火狐,GOOGLE正常,IE6,IE8无效
IE9

火狐

谷歌

IE6

IE8


我代表党中央,国务院,人大常委会,坚决要求解决此问题

回复讨论(解决方案)

.m_l{    
    float:left;
    margin-left: -626px;
    background:#7F0000;} /*左边框*/
.m_r{
    clear:both;float:right;background:#7F0000;} /*右边框*/

你乃神人也,长见识了,解决了,连清除浮动都搞忘了,哎。。。。,顺便问问该什么时候清除浮动什么时候不清大半夜上来给分

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板