【问题标题】:How can I make the footer of Drupal 7 theme stick to bottom of page?如何使 Drupal 7 主题的页脚粘在页面底部?
【发布时间】:2011-11-24 22:57:34
【问题描述】:

我实现了一个 Bartik 子主题并根据我的喜好进行了修改。我不知道为什么,但页脚不会粘在页面底部(与 Bartik 不同)。

这里是网站:http://www.hashbangweb.com/

谁能解释如何使页脚粘在页面底部?

【问题讨论】:

    标签: css drupal-7 footer sticky-footer


    【解决方案1】:

    我经常用Ryan Fait's Sticky Footer technique

    这将涉及您稍微修改您的 div 结构。您需要将 div #footer-wrapper 移动到与 #fixed 和 #skip-link 相同的级别,因此它看起来像:

    <div id="skip-link"></div>
    <div id="fixed"></div>
    <div id="footer"></div>
    

    您需要确保 #fixed 应用了 100% 的高度,这似乎是您目前缺少的主要内容。

    希望对您有所帮助。

    【讨论】:

    • 我实施了上述建议,效果很好。我想让页脚与主包装器(800px)的宽度相同并居中。我还希望内容区域扩展以触及页脚的顶部边缘。最好,整个站点应该恰好填满浏览器的 100% 高度(没有滚动条)。任何指针?谢谢。
    • 要使页脚宽度为 800 像素并居中,只需将以下样式添加到 #footer-wrapper width:800px; margin:0 auto;
    • 太棒了,成功了。知道如何使内容区域与页脚顶部相接吗?
    猜你喜欢
    • 2023-04-01
    • 2013-09-26
    • 2011-06-30
    • 1970-01-01
    • 2015-01-02
    • 1970-01-01
    • 2016-05-01
    相关资源
    最近更新 更多