我一直在浏览所有与CSS相关的跨浏览器问题，试图解决我的IE样式问题而没有运气。任何人都可以告诉我如何修复我的主页样式，以便它在IE中显示与目前在Firefox中相同的样式吗？我使用过Firebug（可能是为什么它在Firefox中看起来不错）但我找不到任何IE工具可以让我实时更改样式表。我对解决这个问题的过程感兴趣，因为我在答案本身，所以发布你用来弄清楚它的步骤将是有益的。 （希望下次自己能做到这一点!!!）
网站为AppQandA.com。在IE中向下滚动到底部并注意页脚。在每个页面上都不是这样......只是主页面和问题页面。
答案 0 :(得分：0)
IE中的问题是“border-left：10px solid＃333333;”规则。如果我删除它，它可以在IE中工作（但在Firefox中明显中断）。
有一个类似Firebug for Internet Explorer的工具：
潜在修复：
1）浏览器特定的样式（yuck）这将是一个快速解决方案，让它工作。在主样式表之后放置另一个样式表来覆盖样式：
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
在内部，覆盖规则......
#footer { border-left: none; }
编辑：发现潜在问题
您的问题可能是由不正确的标记嵌套引起的。您可以使用
验证HTML来避免这些问题具体来说，在其他几个错误中，看起来缺少关闭div标签。修复这些可能实际上解决了您的问题，而没有IE特定的黑客攻击。
答案 1 :(得分：0)
有一个工具，即称为测试人员，可以让你检查网站在所有版本的ie中的外观。这个工具还有一个调试栏，没有像firebug那么多的功能，实际上是非常有限的，但允许你探索DOM和样式。
还有一个你可以使用的firebug（firebug lite）版本，即使你需要在你的网页中创建一个引用来使用它，请参阅Firebug Lite
我认为你的页面存在问题，如果你看一下firebug，你有#footer规则：
#footer{
margin:0 auto 15px
}
尝试删除15像素，看看你怎么做。