0

woothemes の無料のワードプレス テーマ、Swatch テーマを使用しています。誰かがこのテーマも使用しているかどうかはわかりません。私はいくつかの問題に巻き込まれました。投稿が短い場合。テーマのフッターは一番下まで届きません。空白の部分を残しました。それはとても醜いです。だから、それを修正する方法を見つけたい。CSS の本を読んだり、何度もグーグルで調べたりしましたが、まだ方法が見つかりません。ですから、皆さんが私にいくつかの提案をしてくれることを願っています。私のプログラミング知識はとても貧弱です。そのために残念。返信をお待ちしております。

よろしくお願いします。

/* 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;  }
4

1 に答える 1

0

このデモでは、スティッキー フッターを実装するために広く使用されている方法を示しますhttp://ryanfait.com/sticky-footer。

HTML セットアップ:

<div class="wrapper">
    <!-- Body Content -->
    <div class="push"></div>
</div>

<div class="footer">
    <!-- Footer Content -->
</div>

これを行う CSS は次のとおりです。

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 */
}

WooThemes にサポートを依頼できなかった場合。

于 2013-04-11T16:08:15.427 に答える