我为wordpress设计了一个模板,问题是当侧边栏变长时,其中一些会覆盖Internet Explorer 6和7中的页脚,网址是:http ://blog.baabak.ir (波斯语),但是如果您在 Internet Explorer 6,7 中查看它,您会看到侧边栏徽标将覆盖页脚,例如在此页面中:
http://blog.baabak.ir/?page_id=141
但是这个网站在其他浏览器上没问题,是什么问题?
我为wordpress设计了一个模板,问题是当侧边栏变长时,其中一些会覆盖Internet Explorer 6和7中的页脚,网址是:http ://blog.baabak.ir (波斯语),但是如果您在 Internet Explorer 6,7 中查看它,您会看到侧边栏徽标将覆盖页脚,例如在此页面中:
http://blog.baabak.ir/?page_id=141
但是这个网站在其他浏览器上没问题,是什么问题?
将两列包装在一个 div 中,并将其设置为像页眉和页脚一样清除。
clear:both;
在使用 in时,您必须确保使用float
,CSS
你<div id="main_content">
不应该漂浮。
float:left
如果你想要一个你应该做的右侧边栏,只有侧边栏应该设置float:right
。
请参阅本教程如何进行两柱液体设计。
+---------------------------------------------+
+ HEADER (no float) +
+---------------------------------------------+
+ Sidebar float:left + content (no float) +
+---------------------------------------------+
+ footer (no float) +
+---------------------------------------------+
现在你的页面是这样的
+---------------------------------------------+
+ HEADER (no float) +
+---------------------------------------------+
+ Sidebar float:left + content (float:right) +
+---------------------------------------------+
+ footer (no float) +
+---------------------------------------------+
这会造成您的问题
不确定这是否仍然有效,但是由于我在 Google 上发现这很容易,其他人也会。我完全同意清除浮动,这很重要,但是如果您的侧边栏是: position:absolute; 可能会出现另一个“问题”。或侧边栏的任何位置,这就是问题所在。
即在我的情况下,我有这个:
#sidebar {
margin: 120px 0 0 0;
float: right;
width: 235px;
left: 733px;
}
侧边栏位于我想要的位置,它“推动”页脚而不是溢出它,或者在某些情况下进入。