侧边栏包含Internet Explorer 6和7中的页脚

Question

我为wordpress设计了一个模板，问题是当侧边栏变长时，其中一些会覆盖Internet Explorer 6和7中的页脚，网站地址为：http://blog.baabak.ir（在波斯语中），但是如果您在Internet Explorer 6,7中查看它，您会看到侧边栏徽标将覆盖页脚，例如在此页面中：

http://blog.baabak.ir/?page_id=141

但是其他浏览器的网站还可以，问题是什么？

Answer 1

当您在clear:both;

中使用float时，必须确保使用CSS

您的<div id="main_content">不应该浮动。

只有侧边栏应设置为float:left，如果您需要右侧边栏，则应float:right。

请参阅此tutorial如何制作双柱液体设计。

+---------------------------------------------+
+ HEADER (no float)                           +
+---------------------------------------------+
+ Sidebar float:left + content (no float)     +
+---------------------------------------------+
+ footer (no float)                           +
+---------------------------------------------+

现在你的页面就像这样

+---------------------------------------------+
+ HEADER (no float)                           +
+---------------------------------------------+
+ Sidebar float:left + content (float:right)  +
+---------------------------------------------+
+ footer (no float)                           +
+---------------------------------------------+

创建你的问题

Answer 2

将div中的两列包裹起来并设置为清除页眉和页脚两者。

Answer 3

不确定这是否仍然有效，但是因为我在谷歌上发现这很容易，其他人也会这样。我完全同意清除花车，这很重要，但是如果你的侧边栏是：位置：绝对的话，可能会出现另一个“问题”。或者你的侧边栏的任何位置，这就是问题所在。

即。就我而言，我有这个：

#sidebar {
    margin: 120px 0 0 0;
    float: right;
    width: 235px;
    left: 733px;
}

侧边栏位于我想要的位置，它“推”了页脚而不是溢出它，或者在某些情况下进入。