スティッキーフッターの問題 - 小さな画面に表示されるスクロールバー

Question

私が作業している2つのサイトのフッタにhttp://www.cssstickyfooter.com/を使用しています。大きなモニターでうまくいくと思われますが、問題はまったくありません。

しかし、小さなモニターに行ってページサイズを縮小すると、画面の下部にスクロールバーが表示され、フッターが画面の全幅を伸ばしていません。この問題の

実施例ではhere

ちょうど下の画面サイズを縮小し、あなたが問題を見ることができます。

私がこれをどのように修正できるかについてのアイデア。これもまた起こったsite私が作った

ありがとうございます。

Answer 1

フッターにmin-widthを設定する必要があります。現在のところ、コンテンツの残りの部分が画面に収まらず、スクロールバーが追加されていても、フッターは画面のサイズに合わせて正しく調整されます。

スクロールバーが表示される幅を探し、フッターのmin-widthをそれに設定します。例：

.footer { 
    min-width: 1000px; 
}