2012-03-15 3 views
3

フルページを表示するには不十分な解像度でウェブサイトを表示するたびに、水平スクロールバーが追加されます。問題は、背景画像を使った100%幅のdivでは、スクロールバーを越えた部分にこの背景画像が適用されないということです。divバックグラウンドをオフにするスクロールバー

この同じ問題は実際にスタックオーバーフローでもここに表示されます。水平スクロールバーを持つようにウィンドウを縮小すると、ヘッダーとフッターの両方の領域が背景画像/色を拡張しないことがわかります。これを解決するために、私は考え出してきた

一つの方法は、TYに固定されたが、その後のdivの終わり過去の内容は

誰でも任意の提案や回避策を持っている:-(失われた?ヘッダー/フッターのdivを設定することです!

答えて

2

要素を100%幅に設定すると、親要素と同じ幅になります。bodyタグの幅のデフォルトはビューポートの幅です。標準によれば、要素の内容が大きい場合

これを回避するには、bodyタグに最小幅を設定します。 omething以下のように、明らかにあなたのために働くものは何でも幅を変更:

body { 
    min-width: 960px; 
} 
+0

+1シンプルだがパワフル! –

1

のSurlyあなたは

body{ 
    background: url("yourdir/yourimage.jpg") repeat repeat; 
} 

代わりの背景のdivを持つの線に沿って何かを使用する場合は?

0

この余白は、サイズ変更時に表示され、ビューポートを小さくするブラウザスクロールバーです。これは、身体に隠れたオーバーフローを追加することで簡単に修正できます。チェック#242684

関連する問題