新的“隐藏页脚”有效,但仍然会重叠屏幕底部的内容

时间:2010-06-22 04:39:11

标签: css layout footer fluid

我正在设计http://www.vanessacaroline.com,需要一些CSS帮助。如果您当前的屏幕分辨率不能明显解决问题,请尝试重新调整窗口大小,以便示例2列布局 推送页脚 - 最简单的方法是抓住浏览器窗口的下边缘,然后拖着。

总权利?内容不仅不会按照应有的方式推送页脚,而且页面甚至不会创建滚动条。

如果您水平缩放窗口,第二个浮动列div会下降并充满页脚。

然而,如果你水平缩小窗口,最终列内容开始向下推...这是正确的功能,但我似乎无法摆脱那个初始水浸。

我一直试图做一个相对fluid layout;我使用此引用:http://ryanfait.com/sticky-footer/作为页脚代码。我在网上看到了其他一些方法,但我选择了这个方法 - 我想要正常的内容/滚动条行为,页脚总是粘在页面的底部;有人可以帮忙吗?

谢谢!

编辑:我使用第一个建议更新了网站 - 清除:#push和#wrapper,#press和#footer的位置相对。现在页脚显示在加载的屏幕位置的阈值之下...这会创建一个很好的“隐藏页脚效果”。

我喜欢这个 - 但是在非常薄的屏幕分辨率下展示,页脚与底部的内容重叠。 如何避免这种情况???

2 个答案:

答案 0 :(得分:1)

您应该从#wrapper中删除负边距,并为#push设置clear:both; position: relative;。希望这会有所帮助:D

答案 1 :(得分:1)

尝试将position:relative添加到页脚和包装器中。然后clear:both到#push。看看是否有帮助。

相关问题