ベストアンサー

ホームページの横幅

2010/03/08 11:07

ホームページを作成するに当たり、横幅をどうするか悩んでます。一般的にどのくらいのサイズにすると吉なのですか。よろしくお願いします。

noname#163776

ホームページ作成ソフト
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

naokita
ベストアンサー率57% (1008/1745)

2010/03/09 04:40 回答No.4

昔は600px程度でと言われていましたねｗ ----------------------------------------------- リキッドレイアウトで可変させるのが理想ですが、画像や内容が少なければ600px程度から多ければ800px程度で良いと思います。あとからでも簡単に変更可能だし、そんなに悩まなくても・・・ ----------------------------------------------- NO.3さんの方法だと最新の各ブラウザ対応（良いソース）なのですが、実質、そのソース（子供セレクタ、隣接セレクタ、strict、旧IE非対応とか）を一般人に教えるのは悩ませる原因かとも思いますが・・・ HTMLやエディタカテゴリじゃないので、少しお手柔らかに教えてあげた方が良いかと存じます。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

ORUKA1951
ベストアンサー率45% (5062/11036)

2010/03/08 13:14 回答No.3

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とは根本的に異なる、まさにHTMLの目的なのですからね。　それでもあまり広くなると見づらいので、以下の様に指定します。　なお、HTML4.01Strictで作成してあり、下記サイトで検証済みです。 Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <link rev="made" href="mailto:hoge@hoge.com" title="send a mail" > <link rel="START" href="../index.html"> <style type="text/css">  </style> </head> <body> <div> <h1>サンプル</h1> <p>ブラウザの横幅を変更しても、内容が左右真中に表示されています</p> <div> <p>こんな感じです。幅60％、ウィンドウ幅を変えると、ウィンドウ幅によって最小500px、最大800px内で変化する。</p> </div> <pre>body>div{ width:60%; min-width:500px; max-width:800px; margin-left:auto; margin-right:auto; background-color:white; padding:10px; border:none; } </pre> </div> </body> </html>

ログインすると、全ての回答が全文表示されます。