解决DIV在IE 6中的位移问题

来源:互联网 发布:淘宝司法房产拍卖网 编辑:程序博客网 时间:2024/04/29 13:18

最近写了一个页面,发现在有的DIV在IE8、火狐和Chrome中测试都木有发现问题,可偏偏在IE 6中显示不正常,看:


这是IE 8里面的




这是IE 6里面的


可以看到,登陆框右侧和背景图片的边缘在IE 6和IE 7中并不一致,上网搜索了一下,原来是IE 6的一个小bug,在代码中使用了margin后就有可能出现这种现象。

于是将代码这样修改:

在DIV style代码的“margin-right:5%”地方后面添加"display:inline;" ,即如下所示:


 <div id="right_div" style="width:420px; height:380px; float:right; margin-right:5%; display:inline; z-index:2;">


问题得到解决。


原创粉丝点击