Css 斯沃琪主题&x27;s页脚可以';不要固守到底
我正在使用woothemes的免费wordpress主题,Swatch主题。我不知道是否有人也使用这个主题。我卷入了一些问题。当职位空缺时。主题的页脚无法到达底部。留下一片空白。太难看了。所以我想找到一个方法来解决它。我已经阅读了一些css书籍和谷歌搜索了很多次,但我仍然找不到方法。所以,我希望你们能给我一些建议。我的编程知识太差了。对不起。希望得到你的答复 致以最良好的祝愿Css 斯沃琪主题&x27;s页脚可以';不要固守到底,css,wordpress,layout,themes,woothemes,Css,Wordpress,Layout,Themes,Woothemes,我正在使用woothemes的免费wordpress主题,Swatch主题。我不知道是否有人也使用这个主题。我卷入了一些问题。当职位空缺时。主题的页脚无法到达底部。留下一片空白。太难看了。所以我想找到一个方法来解决它。我已经阅读了一些css书籍和谷歌搜索了很多次,但我仍然找不到方法。所以,我希望你们能给我一些建议。我的编程知识太差了。对不起。希望得到你的答复 致以最良好的祝愿 /* 2.1 Containers & Columns */ #wrapper { background: t
/* 2.1 Containers & Columns */
#wrapper { background: transparent url(images/wrapper-bg-colourstrip.png) repeat-x left top; padding-top: 5px; } /* Top padding is the height of the colour strip image. */
#main{width:575px;}
#main.fullwidth, .layout-full #main, .col-full {width: 900px; margin:0 auto;}
#sidebar{width:250px;}
#sidebar .secondary { width:140px; }
.entry img { max-width:565px; }
.layout-full .entry img { max-width:890px; }
.col-left { float: left; }
.col-right { float: right; }
.two-col-right #main { float:right; }
.two-col-right #sidebar { float:left; }
/* 2.6 Footer */
#footer{padding: 30px 0 20px; background: url(images/bg-ripple-footer.png) repeat top left; color:#999;}
#footer p {}
#footer a { color: #ffffff; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer-widgets { margin-bottom: -5px; background: url(images/bg-ripple-footer-widgets.png) repeat top left; padding:10px 0; }
#footer-widgets .block { padding:20px 10px 0 10px; float:left; }
#footer-widgets .col-1 .block { width:100%; padding-left:0; }
#footer-widgets .col-2 .block { width:420px; padding-left: 20px; }
#footer-widgets .col-3 .block { width:270px; padding-left: 16px; }
#footer-widgets .col-4 .block { width:200px; padding-left: 10px; }
这个演示展示了一种广泛使用的实现粘性页脚的方法 HTML设置:
<div class="wrapper">
<!-- Body Content -->
<div class="push"></div>
</div>
<div class="footer">
<!-- Footer Content -->
</div>
如果失败,您可以尝试向WooThemes寻求支持。如果没有代码,我们应该如何帮助您?很抱歉,我将css文件的一部分粘贴到了这里。#wrapper{背景:透明url(images/wrapper bg colortip.png)repeat-x left top;padding top:5px;}/*top padding是彩条图像的高度。*/#main{width:575px;}main.fullwidth,.layout full{main,.col full{width:900px;margin:0 auto;}sidebar{width:250px;}sidebar.secondary{width:140px;}条目img{max width:565px;}版面完整。条目img{max width:890px;}。col left{float:left;}。col right{float:right;}。col float:right;}两个条目img{.two col right#sidebar{float:left;}您需要编辑您的文章以包含代码。如果您正确缩进(4个空格),它将为您设置格式。
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}