Webのプルタブ: 2010年6月アーカイブ

横スクロールすると背景が切れるときの対処法

06/03, 2010 | トラックバック(0)

投稿者：めか

背景をbodyに指定していた時、ブラウザをちょっと縮めて横スクロールバーが出るようにして横スクロールしてみた時に背景が消えて真っ白！ということがありとても焦りました。（このブログでも遭遇......）

そんなときの対処法を紹介します。いじるのはCSS1行のみ！

body{ min-width:950px; }

これだけです。950pxという数値は「メインカラム」の数値と一緒にしてください。

min-widthはIE6では効きませんが、IE6ではこの切れる現象は起こらないので無問題かと。

以下の記事を参考にしました。背景が切れる理由が知りたい方はこちらに載ってますのでご参照ください～。