[WordPress] 列をワードプレスの 100% の高さを持っています。

スポンサーリンク

質問

私のウェブサイトに行く場合: ウェブサイト は、ヘッダー上の黒い線を参照してください。下部の黒い線はフッターです。中央部は、側柱をしたコンテンツのコンテンツです。今を行うにしようとしていますは、フッターを表示するスクロールせずページの下部に固定します。その後、、フッターに移動列を作るしようとしています。高い最小の高さを変更するではなく。常に、フッターに移動する列をを列の背景になるよう、フッターまで

ここでは何の写真 画像 を必要

ここでは私の css と html

html,body {
height:100%;}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
margin:0;
font-size: 15px;
font-weight: 400;
line-height: 157%;
color: #666666;
padding:0;

}
.content {
min-height: 0;
background-color: #9E959E;
height: calc(100% - 50px); /* add this */ }

.footer {
min-height: 25px;
margin-left: auto;
margin-right: auto;
background-color:#000000;
clear: both;
position:fixed;
right:0px;
left:0px;
bottom:0px;
}

.header {
min-height:300px;
background-color:#000000;
}
@media only screen and (min-width : 768px) {
.header {
    min-height: 25px;
}
}
@media only screen and (min-width : 992px) {
.header {
    min-height: 25px;
}
}



<body>
<div class="header">
</div>  <div class="content">
<div class="page-content">
<div class="column_4"></div>
<div class="column_5"></div>
<div class="column_6"></div>
<div class="column_7"></div>
</div>  </div>
<div class="footer">
</div>      <div style="display:none">
</div></body>

の答え

あなたのウェブサイトにこの CSS を発見した: http://bravocreations.com/wp/wp-content/themes/WordPress-Site7/page.css?ver=4.1.1

FireBug の CSS のような問題を担当をすばやく検索することができますをインストールする可能性がありますまた

それら 600 px と 700 px から 100 % などを高さのプロパティの変更を検討する場合があります

http://stackoverflow.com/questions/28680459/columns-to-have-100-height-in-wordpress

スポンサーリンク

Leave a Reply