我从themeforest中抓取了一个模板并对其进行了修改。一切运作良好,除了在某些页面上,页脚不会粘在页面的底部。我已经搞砸了/有一点点,但一直没有得到它的坚持。我仍然在学习HTML/CSS,所以需要一些帮助来审查它,以确保我没有任何错误在我的HTML。我还没有改变最初的模板的CSS。我做了一些,但在帖子之前将它们还原了,因为它们试图让页脚粘住。页脚不停留在页面底部
这里是该网站的链接>http://capitalcrestoration.com/build/
我从themeforest中抓取了一个模板并对其进行了修改。一切运作良好,除了在某些页面上,页脚不会粘在页面的底部。我已经搞砸了/有一点点,但一直没有得到它的坚持。我仍然在学习HTML/CSS,所以需要一些帮助来审查它,以确保我没有任何错误在我的HTML。我还没有改变最初的模板的CSS。我做了一些,但在帖子之前将它们还原了,因为它们试图让页脚粘住。页脚不停留在页面底部
这里是该网站的链接>http://capitalcrestoration.com/build/
你可以尝试给CSSStickyFooter了一枪。
您需要对CSS做些什么来将页脚元素放置在窗口的底部。否则,它只是一个块元素,将直接在它的兄弟姐妹之下。
我已经试过这种方式,但我不明白这个CSS足以做到这一点。我看到一些主线已经在一起,但不知道如何将其整合到当前模板中。 – bdizzle
尝试在包装的结束标记之前放置div id =“subfooter-wrapper”,并使用position:absolute;底部:0;
请正确格式化您的代码。在每边使用'或突出显示代码并单击代码格式化按钮。 – Sparky
我想你的问题是你要问怎么让页脚始终出现在窗口的底部。
要做到这一点,你只需要改变的CSS规则#subfooter-wrapper
:
#subfooter-wrapper {
background: url("images/sub_footer_bg.jpg") repeat-x scroll 0 0 transparent;
width: 100%;
position: fixed;
bottom: 0;
z-index: 1000;
}
这将是最好把这些在页面演示,除了引擎收录的W /代码。 – Jshee
请参阅右下方的“相关”部分! – Jawad
@jawad我应该提到我已经尝试了我在这里找到的大部分东西,但没有任何帮助。一个解决方案将保持在底部,但我失去了我的背景或间距。其他人将保持底层而不是链接。感谢您的建议,虽然... – bdizzle