皆さんは普段HPを見るとき、ブラウザのサイズはどのくらいにして見ていますか？パソコンの画面いっぱいの最大にしていますか？それとも横幅は画面の3/4ぐらいの大きさにして見ていますか？

実はHPはブラウザのサイズやモニターの解像度によってその見え方が変ってくる。特に横幅は要注意。１７インチモニターならブラウザを最大にすると横幅は１０２４ピクセルが主流、１５インチモニターなら８００ピクセルぐらい。ノートパソコンの液晶画面なら１４インチぐらいなので、やはり８００ピクセルぐらいでしょう。 ちょっと古いパソコンなら ６４０ピクセルです。

実はこの横の表示幅が曲者です。 下の３つのテーブルをちょっと見て欲しい。

テーブルＡ

オールド・ラハイナ・ルアウ マウイでルアウを楽しむならココ → → ハワイでルアウを満喫””！ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● ハワイに行って伝統的なルアウを楽しみたいのなら、ビーチサイドのサンセットともに始まる一流のショーと食事がたのしめるオールドラハイナルアウがおすすめ。

テーブルＢ

オールド・ラハイナ・ルアウ マウイでルアウを楽しむならココ → → ハワイでルアウを満喫””！ ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● ハワイに行って伝統的なルアウを楽しみたいのなら、ビーチサイドのサンセットともに始まる一流のショーと食事がたのしめるオールドラハイナルアウがおすすめ。

テーブルＣ

オールド・ラハイナ・ルアウ マウイでルアウを楽しむならココ → → ハワイでルアウを満喫””！ ●●●●●●●●●●●●●●●●●●●● ハワイに行って伝統的なルアウを楽しみたいのなら、ビーチサイドのサンセットともに始まる一流のショーと食事がたのしめるオールドラハイナルアウがおすすめ。

• すべてのテーブルのデザインがきれいに表示される
  １７インチモニターでブラウザを最大画面にして見ている人
  （横幅：１０２４ピクセル）
  
  
• テーブルＡのデザインが崩れて表示される
  １５インチモニターやノートパソコンでブラウザを最大画面にして見ている人
  または、１７インチモニターでブラウザの横幅を画面3/4程度にして見ている人
  （横幅：８００ピクセル）
  
  
• テーブルＡとＢのデザインが崩れて表示される
  解像度６４０ピクセルの１５インチモニターやノートパソコンででブラウザを最大画面にして見ている人
  

  以上はすべてＩＥの「お気に入りバー」を隠した場合

　

さて、ここからが本題。
このように皆さんのＨＰは見ている人の環境によって違って見える場合がある。特にいつも１７インチモニター（解像度１０２４以上）で画面を最大にしてページを作っている人は要注意。一度みなさんのＨＰの横幅をかえて見てみよう。あれ〜！！と思った人もいるはず。

現在+Hawaii を見ている人の解像度は1024x768ピクセルが７５％ぐらい、800x600が１５％ぐらいだ。ただし、1024x768で見ている人もブラウザを画面いっぱいに広げてみている人は少ないと思う。ＨＰのリンクをクリックすると新しいページが表示されることがよくあるので、今みていたページが隠れないようにだいたい画面の3/4ぐらいにしている人が多いと思う。このサイズで横幅が800ピクセルぐらいだ。

つまり、横幅を800ピクセルで見られることを意識してＨＰの各ページを作れば、デザインがくずれて見えることが少なくなる。さらにテーブルを使うときも横幅を100%にするよりも、横のスクロール・バーのことを考え最大でも750ピクセルぐらいの幅で作ると、800ピクセルでもそれ以上の大きな画面でも同じように見れるページが作れる。一般的には650ピクセル前後の幅で作っているサイトが多いようだ。

尚、640x480の画面で見ている人はごくまれ（+Hawaiiでは0.5%）なので、あまり意識をしなくてもよいと思う。