container(wrap)は、普通は何px

質問

(width)ぐらいでしょうか？

特に制約がなく、パソコン用のサイトの場合です。

回答No.1

戸島 健（@luminums） · ベストアンサー

どもっ！

>>container(wrap)は、普通は何px
(width)ぐらいでしょうか？
特に制約がなく、パソコン用のサイトの場合です。

普通は1024pxとかに合わせるんじゃないかと思います。
で、1024pxとっちゃうとスクロールバーの幅とかも入らなくなってしまうので、
余裕を持って950pxとかにします。

普通の参考はよく人の集まるサイトですよね＾＾　それを参考にすると・・・
Yahoo!は950px、楽天は最低幅ですが950pxです。
OKWaveは930pxです。

そろそろ大きなディスプレイも増えてきたので1280pxとかに合わせてもいいような気がしますが、より多くの人に不自由なく見てもらうには1000未満の幅がいいのではないでしょうか。

お礼

ありがとうございました。私も、場合によっては1000未満の幅だと小さい気がします。例えば、最新のvalue star(http://121ware.com/valuestar/n/?pro=121pro_vs_top)でyahooのwebページを表示させると、ディスプレイの半分ほどスペースが空いてしまっていますからね。そういった大きさのディスプレイのパソコン用に幅1000以上もありなのかなと。

回答No.2

ORUKA1951

著者が制約するつもりでも利用者は自由に訪問してきます。近年は携帯電話、i-phone,i-padのような狭いウィンドウから、とても幅広のディスプレイのパソコンやインターネット対応テレビ・・。この傾向は、今後ますます進行するでしょう。

　そのため、最小640px～(ウィンドウの90%)～最大900pxあたりが良いでしょう。
width:90%;
min-width:640px;
max-width:950px;
とかね。このままでもi-phoneに対応しますが、特別考慮するときは、別のスタイルシートを適用させます。

　なお、container(wrap)というclass名(id名)は、あまり望ましくありません。オーサリングツール由来のものですが、class/id名は、

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［7.5.4要素のグループ化: DIV要素とSPAN要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )］より

　あまりにこの説明が漠然としていたため、へんなclass/id名が使われてきましたが、それではということで、HTML5では、それまで「文書に構造を付加するため」のclass名を要素にすることになりました。
・HTML5 における HTML4 からの変更点/新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )

<div class="article">
　<div class="header">
　</div>
　<div class="section">
　</div>
　<div class="footer">
　</div>
</div>
とかですね。そしたら、そのまま少し書き直せばHTML5になりますし、なによりも検索エンジンはこれらの文書構造を示すclass名を理解してくれますからね。

お礼

ありがとうございました。

最近、HTML4、XHTMLにようやく慣れてきたのですが、HTML5が正式勧告となる2014年までに身につけていきたいです。