IE和FF对盒模型的解释也不一样，代码说明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test 显示的宽带是 650px
IE Box的总宽度是： width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度，padding+border+margin的宽度在含在width内。
如果有BOX{WIDTH:"300"; PADDING:"5PX";}
则BOX在IE的宽度应该为:310
而在FF的宽度则是300
所以在BOX有填充的情况下应该这样使用
BOX{WIDTH:"290"!IMPORTANT; WIDTH: "300";}
这样子才能确保BOX的宽度始终在300px,而不会出现被撑开的现象
而在FF里面则不会造成浮动层填不满的情况
所以在写css的时候要注意打开浮动后要清除浮动，正如数据库的操作 ，打开数据库后一定要记得关闭。
最多的方法就是增加一个<div style="clear:both"></div>，还有一个有效的办法就是在需要撑开的div的css中增加overflow:auto或者overflow:hidden;
ul 标签在 Mozilla 中有 padding 值的，而在 IE 中只有 margin 有值。
设置ul{margin:0;padding:0}
针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
分享到：
相关推荐
【速查手册】IE与FF下JS的区别 JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在不同浏览器中的实现可能存在差异。IE（Internet Explorer）和FF（Firefox）是两个历史上非常重要的浏览器，它们对...
1. **IE兼容性问题**：如文件名所示，"css在ie与ff的区别.doc"可能会详细讨论IE在处理CSS时的一些独特行为，例如滤镜效果、盒模型、浮动元素、透明度等问题，这些问题在Firefox中通常不会出现或表现不同。...
- `style` 对象：IE和FF对某些CSS属性的命名不一致，如 `border-color` 在IE中为 `borderColor`，FF中为 `borderColor`。使用 `getComputedStyle` 或 `currentStyle` 方法可以获取更准确的样式信息。 4. **DOM操作...
IE5和IE6对盒模型的解释不同，导致宽度计算方式不同。可以通过`!important`来处理，如`div { width: 300px!important; width /**/: 340px; margin: 0 10px 0 10px; }`。 8. `ul`标签的`margin`和`padding`： Fire...
IE6和7使用了不同的盒模型，即`border-box`，而其他浏览器（包括FF）默认使用`content-box`。这意味着在计算元素宽度时，边框和内边距会被包含在内，导致尺寸计算不同。 3. **透明度（Opacity）** FF使用`opacity...
IE和FF在处理Box模型时也有一定的差异。例如，在设置`div`的`margin`时，可能需要使用`!important`来确保在IE中的表现与FF一致。例如： ```css div { margin:30px !important; margin:28px; } ``` 或者使用条件...
本文将深入探讨FF与IE之间在JS和CSS方面的关键区别。 ### JavaScript的区别 1. **对象和属性支持**： - **Array对象**：在IE8及更早版本中，`Array.prototype.forEach`、`map`等方法未被支持，而FF已经支持。...
而IE5和IE6则使用了不同的盒模型，其中宽度和高度仅包括内容区域，不包括内边距和边框。 为了解决这个问题，可以通过设置`!important`来区分对待IE和Firefox： ```css div { margin: 30px !important; margin...
- 考虑到IE和FF的盒模型差异，可能需要使用`box-sizing`属性确保元素边距和内填充的计算方式一致。 - 针对不同的浏览器可能需要使用浏览器特定的前缀，如 `-webkit-`, `-moz-`, `-ms-`等，以确保CSS3特性的兼容性...
将 `document.formName.item("itemName")` 替换为 `document.formName.elements["itemName"]`，这样可以在IE和FF中都能正确获取表单元素。 **示例代码：** ```javascript // 错误用法 var element = document.form...
- **盒模型问题**：IE6、IE7默认使用不同的盒模型解释方式，导致元素尺寸计算错误。 - **透明度问题**：IE6和IE7处理透明度的方式与标准CSS不一致，需使用滤镜实现。 - **字体渲染差异**：各版本IE和火狐浏览器在...
ajax简易模型 兼容多个浏览器(ff ie ...) get post请求
JavaScript事件在不同的浏览器环境中，尤其是Internet Explorer (IE) 和Firefox (FF) 之间存在一些显著的差异。这些差异主要体现在事件处理方式上，这在构建跨浏览器兼容的Web应用程序时是一个重要的考虑因素。 ...
- **盒模型**：IE使用自己的盒模型，其中content box包括border和padding，而Firefox遵循W3C标准，content box仅包含内容。这会影响元素的宽度和高度计算，需通过box-sizing属性进行调整。 - **透明度**：IE使用...
IE（Internet Explorer）和FF（Firefox）作为曾经的两大主流浏览器，它们之间的JavaScript实现存在不少差异，这些差异常常会给前端开发者带来诸多不便。了解这些差异，并采取相应的兼容性处理策略是前端开发工作中的...
2. CSS样式：为了实现推拉门效果，CSS通常会运用到盒模型、定位、过渡和动画等特性。例如，子菜单默认可以是隐藏的（通过`display:none`），当父菜单项被激活时，通过修改CSS属性（如`display`或`transform`）使其...
本文将详细介绍Internet Explorer（IE）和Firefox（FF）两种浏览器之间常见的CSS兼容性问题及其解决方案。 #### 1. DOCTYPE对CSS的影响 **问题描述**：在不同DOCTYPE声明下，某些CSS属性的表现可能有差异。例如，...
- **盒模型差异**：IE与Firefox对盒模型的理解不同，可能导致2像素的差距。使用`box-sizing`属性可以帮助统一盒模型。 - **ul的默认样式**：Firefox默认为ul应用`list-style`和`padding`，应在CSS中重置。 - **...
4. FF和IE对盒模型的理解不同，可能导致2px的差异，以及浮动元素的`margin`加倍问题。 5. `ul`标签在FF下默认有`list-style`和`padding`，应先清除这些样式以避免问题。 6. 外部包裹div不建议固定高度，使用`...
例如，IE6、IE7对盒模型的理解与W3C标准不同，它们将边框和内填充计算在元素的宽度和高度之内，而其他浏览器则不包含这些。这就导致了元素尺寸计算的不一致。 2. **JavaScript引擎差异**：每个浏览器的JavaScript...