1、单位问题
问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外)
解决:写全单位如padding:0px;
2、水平居中
问题:div里的内容,ie默认为center,而ff默认left
解决:mairgin:0px auto;
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显示宽度稍有区别
分享到:
相关推荐
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
IE与Firefox的CSS兼容大全
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
浏览器Firefox与IE在CSS样式表中的差异
针对firefox ie6 ie7 ie8的css样式hack
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
让CSS兼容IE和Firefox的技巧集合,有了它IE不在是bug 嘿嘿
IE与Firefox的CSS兼容问题 web2.0经验总结
firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt firefox与IE对js和CSS的区别.txt
css解决IE6,IE7,firefox兼容性问题.在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题.
CSS Hack兼容大全,令网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器上
IE和firefox 调试 javascript css html 插件 exe文件为IE的,另一个为firefox的 AJAX开发必备
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
IE6_0、IE7_0 与FireFox CSS兼容的解决方法(网上收集)
常见IE和FireFox的CSS兼容,做前端开发的同学可以看下
让你的CSS能兼容IE Firefox的一些技巧。解决IE一些诡异的Bug
css规范_IE bug,IE与Firefox的CSS兼容问题.....整理
纯CSS的下拉菜单 支持IE6 IE7 Firefox