仅在 IE 7 中出现混乱的布局答案

【问题标题】：Messed layout only in IE 7仅在 IE 7 中出现混乱的布局
【发布时间】：2011-07-17 08:29:23
【问题描述】：

我在 IE 9 中编写一个网站。布局在 IE 9 和 IE 8 以及 IE 6 中看起来很完美，但在 IE 7 中完全搞砸了。此外，问题是当我按下 IE 9 中的兼容性按钮时- 布局混乱不堪......我的问题是 - 当一个人在 IE 9 中按下兼容按钮时，如何才能使布局正常。谢谢，问候！

【问题讨论】：

【解决方案1】：

这很容易做到。将此代码直接放在您打开的<head>标签之后：

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

这样做是强制浏览器使用它可用的最高标准。

【讨论】：

那太容易了……这就是我发布问题的原因；]
P.S.我想正确的解决方案是——“如果代码在 IE 7 中运行，那么让 IE 7 在 IE 6 模式下运行”顺便说一下——IE / 按钮中的那些模式是多么令人讨厌——为什么在第一个地方？我喜欢 IE，但是 - 这是无法忍受的......
嗯，是的，但您的实际问题是“我的问题是 - 当您在 IE 9 中按下兼容性按钮时，如何才能使布局正常”。那里的代码可以回答这个问题。

【解决方案2】：

所有版本的 Internet Explorer 都有不同的渲染错误集，浏览器越旧，错误越多。

如果您正在开发一个网站以使其在 IE 中看起来不错，那么您很可能利用了一些呈现错误。这意味着它在另一个版本的 IE 中看起来会有所不同，并且在任何更好地遵循 Web 标准的浏览器中看起来会完全变形。

您不应利用呈现错误，而应避免在 IE 中与其他浏览器相比工作方式不同的东西。这样就可以构建在不同 IE 版本和其他浏览器中运行的网站。

您还应该使用其他浏览器进行测试，例如 Firefox、Chrome 或 Opera。另外verifying the HTML 和verifying the CSS 也是查找代码问题的好工具。

您不应该为兼容性按钮而烦恼。这适用于无法应对标准合规模式的页面。如果您的页面在标准合规模式下正确呈现，那么您可以添加meta tag that disables the compatibility button。

【讨论】：

好的 - 我似乎总是只遇到 IE 7 的问题 - 而不是任何其他 IE 或 FF。我正在编码的网站现在在 FF 和所有 IE 中看起来都很完美，除了 IE 7 或当我在 IE 9 中按下兼容性按钮时。所以我当然尝试了我认为的所有可能的元标记 - 但无济于事......看起来 IE 7 以不同的方式解释 css 或 jQuery...
谢谢你们的cmets！