IE 将左侧边栏置于内容下方答案

【问题标题】：IE positions left sidebar below contentIE 将左侧边栏置于内容下方
【发布时间】：2008-11-24 22:55:06
【问题描述】：

我不熟悉这个网站，但我正在拼命寻求有关我正在构建的网站的帮助。很抱歉，如果我没有在正确的地方或错误地问我的问题，所以如果我做错了什么，请告诉我！

我建立了一个简单的网站，由四个页面（index.html 加上其他三个页面）组成。在 FF 中似乎一切正常，但在 IE 中却不行。我知道有很多类似的问题，但经过数小时的搜索，我找不到解决方案。我在左侧有一个侧边栏，它在 FF 中出现在适当的位置，但在 IE 中出现在内容下方。奇怪的是，它在第四页上确实有效，所以我不知道这是我帐户上的 css 还是 html 错误。目前该网站位于http://www.kids2move.nl/djctapas

我希望有人知道我做错了什么以及如何解决它。我会定期检查此页面，以便在需要时添加其他信息，例如我的 css 文件或 htmlcode。提前致谢！！

【问题讨论】：

标签： html css positioning

【解决方案1】：

为什么不把侧边栏的div放到页面的div中呢？

【讨论】：

很像 Mike 刚刚添加的示例。但是侧边栏向左浮动，内容向右浮动...

【解决方案2】：

您目前拥有：

<div id=page>
    <div id=content></div>
</div>
<div id=sidebar></div>

我认为：

<div id=page>
    <div id=sidebar></div>         
    <div id=content></div>
</div>

在布局方面会更有意义，并且可能会解决您的问题。如果没有，请使用 position: absolute; CSS 中内容 div 的侧边栏 div 和 margin-left。

【讨论】：

【解决方案3】：

我同意；尝试将侧边栏 div 上移一级。

与照片页面的区别是我认为额外的条目 div 的副作用。

如果您获得了 firefox 扩展 "Web Developer"，您可以使用它来显示您的 div 是如何嵌套的。（信息/显示 div 顺序）

【讨论】：