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设计网参考:

不曾见谁。则见朵花儿闪下来,好一惊。

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

相关文章:

你感兴趣的文章:

标签云: