我如何处理 Internet Explorer 缺乏功能？答案

【问题标题】：how do i deal with internet explorers lack of functionality?我如何处理 Internet Explorer 缺乏功能？
【发布时间】：2011-03-04 18:18:38
【问题描述】：

http://pastebin.com/FctZD1j8 这个脚本用 css 制作一个右框架和一个左框架。

在 chrome 和 firefox 中，这是正常的，我在左框架中有东西，在右框架中有东西，在主要内容中有东西。但在 IE 中，主要内容在左框架中，有点像 html Iframe。有什么建议吗？

【问题讨论】：

【解决方案1】：

这可能是导致这种情况的怪癖模式。我在 IE6、IE7、IE8 和 IE9 中尝试了标准兼容模式，效果很好：

如果您想支持 IE6，您可能需要使用较旧的 HTML 版本，例如 HTML 4.01。 IE6 不知道 XHTML 是什么。

【讨论】：

我删除了 quirk mode 评论，它仍然这样做。以及如何使 html 版本变旧？
如果您将 xhtml 作为 MIME 类型 text/html 提供服务，那么 IE6 可以很好地理解它（前提是您在 /> 之前有一个空格）。
@johnhunter: 好吧，不如说 IE6 会接受它，并认为它只是损坏的 HTML 代码......
@bzupnick：查看正在运行的 jsFiddle 示例的预览框架的源代码，看看您是否发现了与页面的任何重要差异。验证页面的代码以查看是否有问题：validator.w3.org 如果要更改 HTML 版本，可以使用不同的 doctype 标签：w3.org/QA/2002/04/valid-dtd-list.html

【解决方案2】：

据我所见，我的 IE8 显示效果很好。您指的是哪个浏览器版本？

您是否尝试过使用浮点数而不是绝对值和固定定位元素。

也许可以解释一下这种奇怪定位背后的基本原理。你想达到什么目标？

IE8 中的屏幕截图

这是在我机器上的 IE8 中的样子。我可以看到内容显示在中间div 就好了。它甚至可以按预期滚动。它对您来说也是正确的还是应该看起来不同？

【讨论】：

我在 IE9 上对其进行了测试，它完全将所有内容推到了左侧框架中，这是它的图片：tinypic.com/r/rk9281/7 这是 chrome 成功查看它的方式：tinypic.com/r/ohtg1i/7
@bzupnick：其他 IE 版本呢？它显然按预期显示，所以我可以忽略 IE9，因为它还不是 RTM，甚至不会打扰。如果所有最终版本的浏览器都能正常显示，那就没问题了。
@bzupnick：奇怪的定位，有两个绝对定位的元素和一个定位为固定但可滚动的主要元素。
@bzupnick：我附上了 IE8 的截图。在我看来很好。 jsfiddle.net/3wV5M/1
@bzupnick：请看截图。正确与否？如果是，那么我可以推断它按预期工作。屏幕截图是在 IE8 中制作的（确切版本是 8.0.7600.16385）