繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > IE Firefox在css中的差别 (部分)
- CSS样式表
- 分页显示之超级提速版
- 兼容多浏览器实现半透明(Opera ie firefox)
- 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
- utf8和unicode编码究竟是什么关系？有何区别?
- XHTML下css+div布局总结 超强推荐
- 在IE下拖动滚动条时border消失的解决方法
- CSS中常用的单位
- 有关表格边框的css语法整理(1)
- 中文排版CSS心得
- 一个针对IE7的CSS Hack
- css也疯狂! 用background 插入flash播放器
- 如何解决下拉菜单被flash覆盖的问题
- 网页中关闭IE的图像工具栏和XP主题
- 解决IE升级后Flash线框问题
- em px的关系
- 在iframe中隐藏横向滚动条的方法大全
- Iframe自适应其加载的内容高度
- 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
- IE Bug--浮动对象外补丁的双倍距离的解决方法
- 解决IE7以下版本不支持无A状态伪类的几种方法
CSS样式表 中的 IE Firefox在css中的差别 (部分)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 162 ::
收藏到网摘: n/a
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显示宽度稍有区别
评论 (0) All
