1

ここの私のサイトでは、さまざまな町に同じ CSS を使用していますが、人口の少ない/新しい町、たとえばコンテンツのないここでは、フッターが上昇し、その下に大きな白い隙間が残っています。

スティッキー フッター メソッドを試しましたが、うまくいきませんでした。

フッターの CSS は次のとおりです。

#footer-wrapper, #push {
    height: 100px; /* .push must be the same height as .footer */
        overflow:hidden;
}
#footer-wrapper {clear:both;width:100%;border-top:1px solid #323232;padding:20px 0 0;
background: #33383c;
background: #3F4952 url("/images/bg.jpg") repeat;
}

コンテンツラッパー:

#main-content {
margin: 0 5% -100px;
min-width:960px;
max-width:1137px;
overflow: hidden;
}

そして、右/左のnav equal column CSSがそれに影響を与えているかどうか疑問に思っています。

.right-nav {
float: right;
width: 29.4%;
border-left: 1px solid #Dddddd;
padding-top:2em;
padding-bottom:10040px;
margin-bottom:-10000px;
}

どんなアイデアでも素晴らしいでしょう。

4

3 に答える 3

0

height:100%;に追加して修正しました#main-content。

なぜ私が以前にそれを取り上げなかったのかわかりませんが、返信ありがとうございます。

于 2013-05-13T19:03:28.840 に答える
0

divにコンテンツがない場合でも、divmin-heightを配置#main-contentしてフッターを押し下げます。#main-content

#main-content {
  margin: 0 5% -100px;
  min-width:960px;
  max-width:1137px;
  min-height:600px;
  overflow: hidden;
}

また

div に追加position:absolute;して、100% 高さタグ#footer-wrapperの下部にプルします。body

于 2013-05-13T14:36:44.900 に答える
0

min-height:100%on で修正しました#main-content。

Height:100%データが取り込まれたページのページの終わりを切り取りますが、min-height:100%両方で機能します。

于 2013-05-13T19:09:17.720 に答える