IE6 / IE7 / Firefox 的margin问题解决办法

from:http://www.cnblogs.com/zzh/archive/2008/09/03/1283310.html

这两天在做一个网站的布局，因为经常用firefox，所有的内容都是在firefox下面调试的，等快完工了切回IE7一看，样式差别好多，主要是在margin，padding这几个元素的理解上。
我知道ie6 ie7 firefox 对margin的解释都不同，去网上查了一下，可以通过!important这样的手段hack。
具体的做法有以下几种：
第一种：
.div {
  background:orange;/*ff*/
  *background:green !important;/*ie7*/
  *background:blue; /*ie6*/
}
第二种：
.div {
  margin:10px;/*ff*/
  *margin:15px;/*ie7*/
  _margin:15px;/*ie6*/
}
第三种：
#div { color: #333; } /* ff */
* html #div { color: #666; } /* IE6 */
*+html #div { color: #999; } /* IE7 */

现在常用了第一种，很好用，写出来与大家分享。
在给一个例子：
#pages{margin:auto; width:910px; text-align:left; }
#pages{*width:915px !important;} /* IE7 */

转载于:https://www.cnblogs.com/Athrun/archive/2009/05/05/1450301.html

IE6 / IE7 / Firefox 的margin问题解决办法相关推荐

IE6/IE7/Firefox浏览器不兼容原因及解决办法
浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现.在下不才,归纳几点html编码要素,望能指点各位: 1.文字本身的大小不兼容 ...
IE6,IE7 Firefox 兼容问题
2019独角兽企业重金招聘Python工程师标准>>> 关于ie6.ie7和ff浏览器兼容网友评论 0 条转载到博客 2009-1-8 16:11:23 来源: 本站整理顶一下 ...
IE6,IE7,firefox火狐浏览器兼容性在DIV+CSS中的写法
DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容.用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,本来好 ...
CSS hack:区分IE6 IE7 Firefox
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !impor ...
ie6, ie7兼容性问题以及处理办法汇总
1.IE6中绝对定位位置错误问题描述:在ie6中,如果参照物没有触发haslayout ,那么绝对定位的容器的left和bottom就会有问题. 解决办法:在相对定位的父容器上加入 zoom:1 来 ...
ie6/ie7/firefox/dispaly:inline-block:兼容性
<div class="update"> 文字内容 <div class="order"> <span class="u ...
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
div+css 布局下兼容IE6 IE7 FF常见问题
div+css 布局下兼容IE6 IE7 FF常见问题收藏所有浏览器通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; I ...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

IE6 / IE7 / Firefox 的margin问题解决办法

IE6 / IE7 / Firefox 的margin问题解决办法相关推荐

最新文章

热门文章