ie7/8 中的 html/css 定位问题

Question

我一生都无法弄清楚如何在 IE7/8 中正确对齐。

如果您在 Firefox 4+ 中查看该网站，它工作正常！不确定这是否正确。

在“登录”链接所在的顶部；在 Firefox 中正是我想要的，但在 IE 中它显示得很奇怪。

如果有人能提供帮助，那就太好了。 （该网站尚未完全发挥作用。仍在努力中。谢谢！）

Answer 1

首先，在尝试调试 CSS 之前，您必须始终验证页面。

您有 23 个错误 此时，它们是非常重要（但很容易修复）的错误。您有未关闭的 div、段落等。可能只是几个错误导致了级联。

我的建议：修复这些错误。从第一个开始，一直向下，直到它们全部消失。您可能会看到 IE 问题消失。其他浏览器只是更加宽容。

当您确实遇到困难时，可以使用条件注释，但 99% 的情况下您并不真正需要它。通常，IE 错误是由其他浏览器能够以优雅的方式处理的错误引起的。

曾几何时，我曾经设计IN Internet Explorer，发现在FF或Chrome中检查我的作品几乎总是与IE的渲染一致。有时，较新的浏览器对错误过于宽容，因此您无法捕获它们。

Answer 2

在你的 html 中，你可以使用专门用于 ie 的特殊 css，这样其他浏览器就会忽略：

<!--[if lt IE 9]>
<style type="text/css">
 your css here

</style>
<![endif]-->

Answer 3

你可以使用 *+ hack 为 IE 创建另一个样式部分。 IE：

*+.signin{
 .....
}