3

このチュートリアル (http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page) を使用して、画面の下部にフッターが表示されるサイトをデザインしました。コンテンツの長さ-しかし、私が今抱えている問題は、ビューポートに表示されるコンテンツが少なくない場合です。

私のデザインは彼がデモしたものよりも複雑で、これを CMS で使用しているため、html に関しては明らかに少し異なります。

このモデルを使用するときにコンテンツをプッシュダウンするためのトリックを誰かが持っていますか - 私が取り組んでいるサイトはhttp://sproffer.joyatechsolutions.comです

価格設定ページに移動すると、表示よりも多くのコンテンツ (5 段落) が表示され、スクロールバーが表示されますが、フッターの下にスペースが追加されるだけで、下部に固定されているはずです。

助言がありますか？ありがとう！

4

1 に答える 1

3

あなたが使用している必要があります

position:fixed;

#底のために

の #mainContent に padding-bottom も追加する必要があります

padding-bottom: 255px;

これは、#mainContent のコンテンツが #bottom div によって隠されないようにするためです。

実際、それを見ると、div#mainContent を次のように変更します

div#mainContent {
    width: 1000px;
    overflow:hidden;
    background: white;
    margin-top: 3px;
    padding: 14px;
    padding-bottom: 225px;
}
于 2012-08-15T11:27:18.730 に答える