IE中的定位问题

【问题标题】：Positioning issues in IEIE中的定位问题
【发布时间】：2011-09-11 18:39:31
【问题描述】：

我为博客平台 Tumblr 制作了一个主题，它可以在除 IE 之外的所有浏览器上正常运行。

IE 不会固定 div 在屏幕底部的位置，而是将所有内容压向左侧，而不是将大部分内容固定在右侧。

地址是009panelstheme.tumblr.com

我已经尝试了整个 Doctype 的东西，我发现有人说要添加这一行：

<!--[if IE]>
<style type="text/css">
@media screen {
* html {overflow-y: hidden;}
* html body {height: 100%; overflow: auto;}
}
</style>
<![endif]-->

但我所做的一切都不起作用。

任何建议都会很棒。非常感谢。

【问题讨论】：

【解决方案1】：

您添加文档类型的尝试失败。使用 IE 的开发者工具（按 F12），您可以清楚地看到它在 Quirks 模式下的渲染。在开发者工具中将其更改为标准模式即可。

当我查看源代码时，我看到了：

<meta http-equiv="x-dns-prefetch-control" content="off"/><!DOCTYPE HTML>
<html lang="en">
...

doctype 必须是页面上的第一件事！

meta 标签从何而来？你能把它移到head吗？

说到这个，我在页面的下方看到了这个：

<header>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    ...

header 不是你应该在那里使用的。这是head。 header is something else entirely.

【讨论】：