Commit Lab

企業サイトの横幅は何px?

Webサイトを作るときにまず悩む事といえば「サイト全体の横幅」がありますよね。

ちょっと前までは企業サイトといえば760～800前後が多かったのですが、最近は液晶モニタの普及・高解像度化とともに一般家庭のPCでもなかなか大きい画面を使用されている方も多くなってきました。

皆さん感じられてる事だとは思うんですが、去年あたりから標準とされていたモニタが１サイズ大きくなる変換期にあるんじゃないかと思います。（今更おせーよという突っ込みは無しで）

そんななかで「そろそろ900pxオーバーで提案したい…」や「でもなぁ・・・まだまだ解像度が低い人もたくさんいるしなぁ・・・」と葛藤したりする人も多いのではないでしょうか。(しかしYahooが960pxのエラスティックレイアウトに変わって、900オーバーを提案しやすくなりましたよね。）

理想を言えば、どんな画面に左右されない作り方が一番良いんですが、やはり色々問題もありますよね。

ちなみにこのブログは最小760px-最大960pxの半リキッドです。HDサイズの画面でリキッドなブログを見ると1行が長すぎるので960で止めてます。画面全体に広がってる方はたぶんIE6だと思います。

これは以前書きましたがjsを使いIE6も同じように見えるように制御する事もできるのですが、

[ リキッドレイアウトの最大横幅を固定する-minmax.js ]

でもなんかレイアウトの為だけにjsを使うのはちょっと負けた気分になるのでやってませんｗ

むしろブラウザのバージョンによって見た目が違っても、それがきちんと把握し計画された見え方ならそれでも良いんじゃないかなと。（とは言うものの、このブログはIE6で見ると他にも問題があるのでダメなんですが･･･）

おっと話がそれましたね。

ということで今回企業サイトの横幅のサイズを調べてみました。
なぜ住宅メーカー編なのかというと…
別に深い理由はなく、これは今僕がそういうWebサイトに取り掛かろうとしているからです。

ちなみに今回出ているwebサイトのサイズはフリーハンド(MeasureIt:Firefoxのアドオン)で測ったものであり、ソースを直接見たわけではありません。なので細かい数値は違っている所が多いと思います。またフリーハンドで測った場合にでた1桁の数字は切り上げてます。(例：758pxは760pxとして表記)

横幅900px代のメーカー
ミサワホーム	960px
住友林業	920px
FPの家	920px
アキュラホーム	900px
トヨタホーム	900px
住友不動産	900px

横幅800px代のメーカー
三井ホーム	845px
へーベル・ハウス	820px
東日本ハウス	820px
SXL(エス・バイ・エル)	800px
アイフルホーム	800px
タマホーム	800px

横幅700px代のメーカー
三菱ホーム	790px
小林住宅産業	790px
アエラホーム	780px
クレバリーホーム	760px
一条工務店	760px
大和ハウス	760px
積水ハウス	760px
スウェーデンハウス	760px
パナホーム	750px
東急ホームズ	750px
セキスイハイム	700px