0

ページの下部に保持しようとしている固定位置のフッターがありますが、サイズを変更するときにブラウザーウィンドウに追従しないようにしています。そのため、Firefox を下からドラッグすると、非表示になります。

フッターがジャンプしてヘッダーの下に収まるようにする相対位置を試しました。使用するのに適していると思われる絶対位置も試しましたが、固定位置と同じことをしているようです。

CSS :

html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px; 
    -webkit-font-smoothing: antialiased; 
    font-smoothing: antialiased;
}               
#wrapper {
    min-height: 100%;
    position: relative;
}
#header {
    width: 100%;
    padding: 10px; 
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 0px 30px #7a7a7a; 
    -moz-box-shadow: 0px 0px 30px #7a7a7a; 
    box-shadow: 0px 0px 30px #7a7a7a;
}
#content {
    padding: 10px;
    padding-bottom :45px;
}
#footer {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #222;
    margin: 0;
    padding: 0;
}

何か案は？

4

1 に答える 1

0

私はあなたの問題を解決したと信じています。以前のように使用する必要がありますがposition: absolute;、位置/配置を下から指定する代わりに、このように上から指定する必要があります。top: 500px;この方法では、フッターの上にコンテンツを挿入でき、サイズを変更してもそのままの場所に留まります。ブラウザウィンドウ！

編集:いくつかの調査の後、別の方法は、コンテンツを含むブロック(相対、絶対、または固定のいずれかに配置される要素) に配置し、それをドキュメント ソースの下部に配置することであることがわかりました。そこから行きます。

于 2013-02-04T16:15:54.313 に答える