Home > Web Front-end > HTML Tutorial > IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 09:42:00
Original
929 people have browsed it

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;} /*右边框*/

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template