什么是在IE6/7和Firefox上获得相同显示效果的最佳工具或技术？

Question

我不是在讨论如何使用crossbrowsertesting.com等操作系统和浏览器组合来查看页面的工具，而是创建或计算出实际的CSS。

Answer 1

如果你们仍然编码IE6，你犯了一个错误。

我使用IE7.js让IE6呈现像IE7这样的网页。 IE7并不完美，但至少它有一些标准的外表。由于我只需要为IE7和FF编写代码，这使我在测试浏览器方面效率提高了33％，这一点我认为很有意义。

链接：IE7.js

Answer 2

我写的是标准，Firefox和IE7都遵循相当不错的一套。

IE6已经死了，据我所关注的，但如果我重新回到专业的Web开发我可能不得不修改是什么;）

Answer 3

我尽量让符合标准的网页，并尽我所有的测试在Firefox中（因为它有一些优秀的开发扩展，如Web Developer和Firebug）。然后，当我完成我在IE中测试该网站，然后做出任何必要的小改动。我发现我需要做很少的改变，因为我没有做任何与CSS非常复杂的事情。

我以前有更多的Javascript差异问题，但是在我开始使用Javascript库（例如jQuery）之后，我停止了任何严重的问题。

Answer 4

填充。

当使用页边距将元素水平放置在页面上时，IE6会变得有点h h。如果您调整元素的大小并使用填充将内容空间化，则可以在IE6/7，FF，Safari和Opera中使用很多布局，而无需任何攻击。由于盒子模型的破坏，IE5.5使事情变得更加困难，但我认为现在在大多数情况下，我们几乎可以算出它。

Answer 5

我尝试制作符合标准的页面，并在Firefox中进行所有测试（因为它具有一些优秀的开发扩展，如Web Developer和Firebug）。然后，当我完成我在IE中测试该网站，然后做出任何必要的小改动。我发现我需要做很少的改变，因为我没有做任何与CSS非常复杂的事情。

这里的一样，除了我不倾向于需要使用Firebug等。我只有用IE6的问题然而最近 - 这是通过简单的CSS解决绕过：

/* All browsers read: */ 
html body { 
    margin: 10px; 
} 

/* FF, IE7, Op etc. read: */ 
html > body { 
    margin: 0; 
} 

Answer 6

使用一个CSS重置不同的浏览器，以平场。 YUI和Eric Meyer有很好的。

Answer 7

我与Eli。针对firefox（使用firebug安装）进行书写时，您必须先编写“更兼容”的代码，然后在与IE兼容时再减少工作量。

使用网站QuirksMode帮你找到答案compatbility信息

Answer 8

如果它是一个全新的项目，我让一个点来测试，因为我所做的更改我针对所有浏览器所有的HTML + CSS的变化。在过去，我倾向于把重点放在我最喜欢的浏览器，然后与其它测试我做的目的是找到一个或多个小怪癖存在，这是非常繁琐的针点实际的原因之后。现在我已打开所有浏览器，并在每次更改html/css后刷新每个浏览器，以确保显示符合我的期望。当出现问题时，我确切知道是什么导致了它。

这似乎费时，一次测试所有的浏览器，但是从长远来看，你抓到的问题在一次它实际上节省了时间。