2014-01-30 54 views
0

我在编辑wordpress主题。当页面内容不多时,我似乎无法使页脚div粘到页面的底部。例如这里:Wordpress主题强制页脚到页面底部的短内容页面

http://openstrings.co.uk/?page_id=148 

我读过有关与最小高度的包装教程的负荷:100%和负高度符合该页脚的高度。但我无法得到任何工作。我看不到有一个包装div,我可以应用CSS?

将不胜感激任何指针。已经尝试使用bottom:0px和body min-height:100%的页脚,但仍不会强制页脚下移。

+0

您是否需要支持IE8或更低版本? – DaniP

回答

0

有许多地方是列出了如何做到这样的事情(和大量的,不同的浏览器工作更好或更坏的答案),但这里有一个可以帮助:

http://www.cssstickyfooter.com

注意您可能无法简单编辑CSS,但可能需要编辑主题HTML模板以确保包装div存在。

+0

是的,我可以看到一个包装不存在。谢谢 – user1022772

-1

本书中最便宜的技巧是让整个网站(body tag)的背景颜色成为页脚颜色,然后添加另一个背景颜色为白色或任何你想要的标签“包装器”。

<body style="background-color:black"> 
<div class="wrapper" style="background-color:white"> 

    //WEBSITE CONTENT 

</div> 

</body>