我一直在浏览所有与 CSS 相关的跨浏览器问题，试图解决我的 IE 样式问题，但没有成功。谁能告诉我如何修复我的主页样式，使其在 IE 中的显示与当前在 Firefox 中的显示相同？我使用过 Firebug（可能是它在 Firefox 中看起来不错的原因），但我找不到任何可以让我实时更改样式表的 IE 工具。我对找出这个答案的过程和我对答案本身一样感兴趣，所以发布你为找出答案而采取的步骤将是有益的。 （希望下次能自己做！！！）
网站是AppQandA.com。在 IE 中向下滚动到底部并注意页脚。不是每个页面都这样......只有主页和问题页面。
【问题讨论】：
标签： internet-explorer css cross-browser
IE 中的问题在于“border-left: 10px solid #333333;”规则。如果我删除它，它可以在 IE 中运行（但在 Firefox 中显然会中断）。
有一个有点像 Internet Explorer 的 Firebug 的工具：
可能的修复：
1) 特定于浏览器的样式（讨厌），这将是一个快速修复它的工作。在主样式表之后放置另一个样式表以覆盖样式：
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
在里面，覆盖规则...
#footer { border-left: none; }
编辑：发现潜在问题
您的问题可能是由不正确的标签嵌套引起的。您可以通过使用
验证您的 HTML 来避免此类问题具体来说，这些错误中似乎缺少一个结束 div 标记。解决这些问题实际上可以在没有 IE 特定 hack 的情况下解决您的问题。
【讨论】：
有一个名为 ie tester 的 ie 工具，可让您检查网站在所有版本的 ie 中的外观。这个工具还有一个调试栏，没有firebug那么多的功能，实际上是相当有限的，但可以让你探索DOM和样式。
还有一个版本的 firebug (firebug lite) 可供您使用
如果你用 firebug 看，我认为你的页面有问题，在 #footer 规则中你有：
#footer{
margin:0 auto 15px
}
尝试删除 15 像素，看看效果如何。
【讨论】：