様々なPCで見ると見え方が異なる件につきまして

質問

お世話になります。
PC向けのホームページを製作しておりまして、ど素人ながら
様々なサイトを巡り、何とか形には出来たのですが

http://threepiece.no-ip.info/help1.jpg
http://threepiece.no-ip.info/help2.jpg

PCが違うと見え方が異なることを知りました。。
help2.jpgでは右側に余白が出来てしまい、これをどうにか解決する手段はないか
調べてましたが、なかなか見つからなくて苦しんでおります。

もし宜しければお詳しい方がみえましたらご教授願いたく思います。
厚かましくて申し訳ございません。

何卒宜しくお願い致します。

回答No.3

k0021

画像の解像度が異なるためだと思います
私の場合、画像の解像度により一部スタイルシートを変更していますが。
簡単の対処は、ＨＰをセンタリングでは
ブロックレベル要素をセンタリングする方法
http://www.mozilla.gr.jp/standards/webtips0004.html

参考URL：

http://www.mozilla.gr.jp/standards/webtips0004.html

お礼

ご回答ありがとうございます。
皆様のご回等を読むとセンタリングが一つの手だということが分かりました。
勉強します。ありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

どのように解決したいんですか？

補足

ご回答ありがとうございます。
help2.jpgのように右側に余白があるのが気になるので
help1.jpgのように左右に違和感がないようにしたいです。

回答No.1

ORUKA1951

根本的にユーザーエージェントによって見え方は違うもの。
ＰＣと言うつもりでも、検索エンジンは無論、携帯電話、携帯端末、点字端末、スクリーンリーダー、テレビ・・
　そもそもHTMLを作成するとき、もっとも重要なことは
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

　です。ＰＣ用のブラウザだけとってみてもディスプレイの幅は様々ですし、ブラウザの種類も、それが動いているパソコンの種類もたくさんあります。
　もちろん、視覚障害者の方はユーザースタイルシートを使ったりスクリーンリーダーを使ったり、フォントサイズを大きくしたり、時にはスタイルシートをなしにして閲覧されるでしょう。

　あなたがデザインしたままを強制したいならワープロやDTP( http://ja.wikipedia.org/wiki/DTP )で作成したものをＰＤＦなどそのための仕様があります。

　HTML--ウェブの目的は「どんな環境からもWebの情報を利用できるようにすべき」ですし、あなたもそのためにウェブサイトを作られるのでは？？

　ただ、このようなトップページのデザインの場合は基本的にscreen端末対象に、リキッドスタイルで作成します。i-phoneの450px以上だと横スクロールなしに、大きなディスプレイでは900px以上に広がらないように（広がる場合は左右に余白を設ける。）
div.section{
　min-width:450px;
　max-width:900px;
　width:90%;
　margin:0 auto;
}
をmedia=screenに対して指定します。それ以外の端末は素のHTMLとして読めるようきちんと文書構造にしたがってマークアップする。・・が基本です。
　下位ページはそれぞれのユーザーエージェント用にリンクして進ませれば良いです。

お礼

ありがとうございます。
ご回答を理解出来るように勉強を重ねます。