2011-07-15 54 views
-1

我从themeforest中抓取了一个模板并对其进行了修改。一切运作良好,除了在某些页面上,页脚不会粘在页面的底部。我已经搞砸了/有一点点,但一直没有得到它的坚持。我仍然在学习HTML/CSS,所以需要一些帮助来审查它,以确保我没有任何错误在我的HTML。我还没有改变最初的模板的CSS。我做了一些,但在帖子之前将它们还原了,因为它们试图让页脚粘住。页脚不停留在页面底部

这里是该网站的链接>http://capitalcrestoration.com/build/

+0

这将是最好把这些在页面演示,除了引擎收录的W /代码。 – Jshee

+0

请参阅右下方的“相关”部分! – Jawad

+0

@jawad我应该提到我已经尝试了我在这里找到的大部分东西,但没有任何帮助。一个解决方案将保持在底部,但我失去了我的背景或间距。其他人将保持底层而不是链接。感谢您的建议,虽然... – bdizzle

回答

0

你可以尝试给CSSStickyFooter了一枪。

您需要对CSS做些什么来将页脚元素放置在窗口的底部。否则,它只是一个块元素,将直接在它的兄弟姐妹之下。

+0

我已经试过这种方式,但我不明白这个CSS足以做到这一点。我看到一些主线已经在一起,但不知道如何将其整合到当前模板中。 – bdizzle

0

尝试在包装的结束标记之前放置div id =“subfooter-wrapper”,并使用position:absolute;底部:0;

+0

请正确格式化您的代码。在每边使用'或突出显示代码并单击代码格式化按钮。 – Sparky

1

我想你的问题是你要问怎么让页脚始终出现在窗口的底部。

要做到这一点,你只需要改变的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; 
} 
+0

尝试过这种方式,但是这将页脚保留在需要滚动的顶部。这不适合我需要的东西。谢谢。将在另一页上派上用场。 – bdizzle

+0

@bdizzle我不知道我理解你的问题。在每一页上,我看着你的页脚都在底部。网站上的哪个页面显示问题以及您使用的是哪种浏览器? – tw16