システム開発ブログ

Webコンサルティング部

HTML全般

Webサイト構築・Web戦略

ウィンドウを縮めると背景が切れる時の解決方法

こんにちは、デザイナーの川本です。

最近、真ん中寄せのデザインのWebサイトをコーディングしていて困ったことに遭遇しました。

img_20121106_01.jpg

上記のような構成のWebサイトだったのですが、ブラウザのウィンドウの幅を縮め、横スクロールにすると、以下のように背景画像、背景色が切れてしまいます。

img_20121106_02.jpg

この現象はIEやChrome、Firefox、Safariでも起こっていました。
このようなデザインのWebサイトは非常に多いはず。
対処として、CSSを一行足すことで解決しました。

body {
  min-width: 900px;
}

上記のCSSを足すだけです。
幅はコンテンツエリアの横幅に合わせて変更してくださいね。

システム周りのお悩みを解決します

まずは無料ダウンロード

この記事に関連する記事の一覧


システム開発ブログ

Twitterでilovex_officialをフォローしてください

カテゴリー

以前の部署別ブログ

ページのトップ