html - CSS 布局在 ie 中失败，在 Opera 中有小错误。帮助？

Question

我根据 this one 设计了一个布局(来自 here)- 我为一些 SEO 自由地重新排列 div 成为可能。你可以看到我做了什么here (css)。

事实上，我的布局有一个小错误 - 在 Opera 中，视口(viewport)不会扩展以容纳页脚(即，如果只有页脚不在 View 中，则滚动条不会出现)。否则，它可以在 Opera 11、Firefox 4 和 IE 8 中完美运行。但是，当我将它上传到 site 时我正在为 ( layout css ) 制作它，结果发现该页面在 IE 中看起来已损坏 - 左栏出现在中间一栏的顶部，并且在我摆弄左栏的参数之前标题不会出现在 IE 的开发者工具中。

那么，谁能帮我弄清楚是什么破坏了页面？我知道这个问题更适合 doctype.com，但由于某些原因我无法登录。

但是，我更愿意按以下顺序在我的 HTML 源代码中放置 div:

1. 内容
2. 页脚
3. 左栏
4. 右栏
5. 标题

我不需要新布局的建议。我试图理解为什么 this适用于 IE 和 this没有。

Answer 1

虽然 A-List-Apart 是我最喜欢的网站之一，但我发现有时他们建议的 css 并不总是像人们希望的那样跨浏览器兼容。相同的布局可以由 Mathew James Taylor 找到，它是跨浏览器兼容的，不需要 javascript 来实现。不过，请准备好深入研究 CSS。这是我现在用于大多数基本布局的 css 模板。一旦您分析了所有容器如何组合在一起，我发现它非常灵活。

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm