1. TOP
  2. 2010年6月

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

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:めか めか

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

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

追加するソース

body{ min-width:950px; }

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

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

参考サイト

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

横スクロール時の背景見切れをCSSで修正する へ">横スクロール時の背景見切れをCSSで修正する

  • 1
ページの先頭に戻る