IE与Firefox浏览器差异与常见问题一览

本文和大家重点讨论一下IE与Firefox浏览器差异与常见问题一览，主要从八个方面来向大家介绍，相信本文介绍一定会让你有所收获。

IE与Firefox差异与常见问题一览

又是一篇介绍IE与Firefox下兼容性产生差异的文章。浏览器之间可以达成共协，对网页编写者来说期待着这一天。

1、单位问题

问题：任何距离的数值IE可以不加单位，ff必须要求写单位（0除外）
解决：写全单位如padding:0px;

2、水平居中

问题：div里的内容，IE默认为center，而ff默认left
解决：mairgin:0pxauto;

3、高度问题

问题：如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，IE会自动拉伸以适应DIV容器大小，ff会固定DIV的告诉，超过部分超出DIV底线以外，出现和下面的内容重叠的现象
解决：控制恰当的高度，或者不写，让浏览器自动调节高度，或者设置overflow:hidden;

4、clear:both;

问题：如果上面用float控制了n列DIV，下面IE会自动检测自动排列，ff则可能很不老实，到处乱动
解决：float结束后的下一个标签加clear:both;以结束float的控制

5、最大/小宽度问题

问题：min-width,max-width只是ff的命令，如何让IE实现同样的效果
解决：IE不认识min-和max-，实际IE认为min-width、max-width和width效果一样，可以用下面方法解决 

 
 
 

  
  
  
#cctext{  
  
  
  
min-width:700px;  
  
  
  
max-width:1000px;  
  
  
  
width:expression(document.body.clIEntWidth<700?"700px":document.body.clIEntWidth>1000?"1000px":"auto");  
  
  
  
}  
  
  
  
 
 
 
 

6、!important支持

问题：ff支持IE不支持
解决：无。IE会忽略。

7、游标状态

问题：cursor:hand;仅IE支持，显示手指状态
解决：使用cursor:pointer;IE和ff都支持

8、实际像素

IE/Opera：对象的实际宽度=(margin-left)+width+(margin-right)
Firefox/Mozilla：对象的实际宽度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)
所以排列好及列的表格时IE和ff显示宽度稍有区别

文章来源:Div-Css.net设计网参考:http://www.div-css.net/div_css/topic/index.asp?id=7162

【编辑推荐】

1. IE8与IE7实现共存的两种方法揭秘
2. DIV层在IE6下被下拉框遮挡的解决方法
3. JavaScript巧解IE6至IE8兼容问题
4. 深入探究IE8和IE7的24个区别
5. 使用X-UA-Compatible来设置IE8兼容模式