- ベストアンサー
ホームページの横幅
ホームページを作成するに当たり、横幅をどうするか悩んでます。 一般的にどのくらいのサイズにすると吉なのですか。よろしくお願いします。
- ホームページ作成ソフト
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
昔は600px程度でと言われていましたねｗ ----------------------------------------------- リキッドレイアウトで可変させるのが理想ですが、 画像や内容が少なければ600px程度から 多ければ800px程度で良いと思います。 あとからでも簡単に変更可能だし、そんなに悩まなくても・・・ ----------------------------------------------- NO.3さんの方法だと最新の各ブラウザ対応（良いソース）なのですが、 実質、そのソース（子供セレクタ、隣接セレクタ、strict、旧IE非対応とか）を一般人に教えるのは悩ませる原因かとも思いますが・・・ HTMLやエディタカテゴリじゃないので、少しお手柔らかに教えてあげた方が良いかと存じます。
その他の回答 (3)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
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"> <!-- html,body{ margin:0px;padding:0px;background-color:rgb(200,200,200); } body>div{ width:60%;min-width:500px;max-width:800px;margin-left:auto; margin-right:auto;background-color:white;padding:10px; border:none;} p{text-indent:1em;} div{ margin:0.5em 1em; border:solid 2px blue;} pre{background-color:white;border:gray solid 1px;border-width:1px 3px 3px 1px;padding:1em;} --> </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>
- dax4191
- ベストアンサー率19% (45/230)
固定巾にするなら15インチモニターに合わせるのが最良だと思います。 解像度では1024です。
- nori_007
- ベストアンサー率35% (369/1048)
大手ポータルサイトが参考になりませんか？ >一般的にどのくらいのサイズにすると吉なのですか。よろしくお願いします。 本来で有れば、想定出来るサイト利用者をイメージして考えると思います。
