Internet Explorer间距问题推动内容下降，CSS

Question

我很擅长使用Java插件和CSS构建网站。我已经完成了我的网站，并在safari，firefox，chrome和opera上看起来很棒但是如果我在Internet Explorer上检查它有一个巨大的间距问题。以下是该网站的网址：http://melisachamorro.com/“我的工作”部分顶部的内容分为两行，然后将其余内容按下。我曾经通过在我的css中输入值“*”或“_”来修复IE中的间距问题。例如（_padding-left：240px;）。这似乎不再起作用了（上次我使用那个技巧是两年前所以我确定它现在已经完全过时了）。任何人都可以提供的帮助或建议将非常感激。如果我需要提供更多信息来澄清某些内容，请与我们联系。 （也请不要太严厉地评判我的“编码”，我不知道我有时做什么）提前谢谢！

Answer 1

根据the W3C Validator，您有一堆无效的HTML。

Internet Explorer讨厌无效的HTML，可能会遇到quirks mode。如果您想获得更一致的跨浏览器体验，请始终验证您的代码。

另见：https://stackoverflow.com/a/1695790/594235

Answer 2

这是如何创建仅IE样式表的坚实细分。听起来您的网站面向非IE浏览器。如果IE是您客户的主浏览器，我会使用不同的方法。

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/