【问题标题】:Fixed Footer Below Div on Horz Scrolling Website修复了 Horz 滚动网站上 Div 下方的页脚
【发布时间】:2012-06-22 20:27:39
【问题描述】:

我有一个带有这个基本标记的网站 -->

页眉(固定位置) 内容区(598px 高)- 水平滚动,一般大约 5000px 宽 页脚

我需要页脚位于内容区域下方,但也需要像页眉一样在浏览器中保持固定位置。我们想要的一个例子在这里:http://www.woodberrykitchen.com

这是我们正在开发的网站:http://starprovisions.com/dev/bacchanalia.html

有人可以帮忙吗?是否可以让页脚 div 位于内容区域下方(不覆盖)但也保持固定位置?

【问题讨论】:

    标签: css scroll footer fixed


    【解决方案1】:

    我直接在浏览器中试了一下,效果很好。

    #footer {position: fixed; width: 100%;}
    #footer table {margin: auto;}
    

    在我们讨论它时,您似乎在摆弄该网站。从 18:58 GMT+1 开始,您应该从 #container 中删除 height 声明。

    【讨论】:

    • 它仍在水平滚动:starprovisions.com/dev/bacchanalia.html 有没有办法让它始终固定在从左到右滚动的内容下方?
    • 糟糕,一定没有保存。它现在是固定位置,但我在窗口中看不到它,它是左对齐的。有没有办法让它在屏幕上居中并显示一个垂直滚动条?
    • 我编辑了我的答案。此外,我会在结构上进行很多更改,以使其在大多数屏幕尺寸上都能正常工作,但我认为您需要先自己深入挖掘一下。
    • 你帮了大忙。谢谢!我现在唯一的问题是,在我的屏幕 (1360x768) 上,我看不到页脚。我只看到它的顶部,不能垂直滚动。如何允许出现滚动条以便我可以在整个网站上上下滚动?
    猜你喜欢
    • 2012-06-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-02
    相关资源
    最近更新 更多