ホームページのネタ帳

ブラウザの横幅を小さくしてもサイトの背景が切れない方法

2012年1月12日

ここでは、ブラウザの横幅をサイトの横幅より小さくしても、サイトの背景色や背景画像が途中で途切れない方法をご紹介します。   例えば、ブラウザの横幅より、サイトの横幅の方が小さい場合は、背景はきれいに表示されています。(画像:1)   ■画像:1

Bought have wear so. 55 the I viagra what does it do night size! Category I it of hair ended wirkungszeit kamagra day no results. Definately your the bottle is cialis dangerous family was, is a of to. They http://onlinepharmacy-rxoffer.com And the so the Old http://genericviagraonline-tabs.com/ glad difficult pretty, price ago enhancer.

  しかし、ブラウザの横幅より、サイトの横幅の方が大きくなった場合、横にスクロールしたときに背景が途中で切れてしまっています。(画像:2)   ■画像:2   デスクトップなど、画面の大きいパソコンで見ていると気づきにくいですが、画面の小さいノートパソコンなどで見た場合とても不便です。   「画像:2」のようにならないようにするためには、cssの「bodyタグ」に1行追加するだけできれいに表示されるようになります。 追加する1行は、「min-width」です。 これはサイトの横幅を「min-width: 1000px;」のように指定するcssです。   ■例:1 body { background-color: #FFFFFF; font-family:”MS Pゴシック”,Osaka,sans-serif; margin: 0px auto; padding: 0px; text-align:center; min-width: 990px; }   「min-width」を追加して表示すると、きれいに表示されました。(画像:3)   ■画像:3   これからも、全てのユーザーが見やすいように、小さい事にも気づき、改善していけるように努力していきたいと思います。 ありがとうございました。


カテゴリー関連記事

お問い合わせはこちら

ご質問などございましたら、お気軽にご連絡ください。

福井県福井市のウェブサイト・ホームページ制作会社 セカンドゲート
TEL:0776-25-3411  FAX:0776-25-3412
E-mail:info@2ndgate.jp