- ベストアンサー
ホームページの横幅
ホームページを作成するに当たり、横幅をどうするか悩んでます。 一般的にどのくらいのサイズにすると吉なのですか。よろしくお願いします。
- ホームページ作成ソフト
- 回答数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)
大手ポータルサイトが参考になりませんか？ >一般的にどのくらいのサイズにすると吉なのですか。よろしくお願いします。 本来で有れば、想定出来るサイト利用者をイメージして考えると思います。
関連するQ&A
- ホームページの横幅はどれくらいがよいでしょうか？
ホームページを作成しようとしていて、Dreamweaver8を使用しています。 HP全体の横幅はどれくらいが適当なのでしょうか？ マニュアル本だと650ピクセルにしていますが、 これでは小さい気がしました。 また、HPによっては自動的に横幅が画面のサイズと一緒になるものも あるようですが、これはどういう設定で可能ですか？ よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページの横幅が広くて、印刷すると切れてしまう。
会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない（分からない）人も多いようです。 大企業のHPを見てみると横幅700～780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め（600px以下？）で、ホームページを作成した方がよいでしょうか？ 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか？ご意見伺えたらと思います。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページビルダーで横幅について
ホームページを作ろうと、とりあえずホームページビルダー17の体験版をDLしました。 とりあえず四苦八苦しながらですが、なんとか少しずつ理解をしてきたのですが、まだまだ分からない事だらけです。 とりあえず、今一番分からないのが横幅の指定についてです。 例えば、皆さんそれぞれ横幅が違うディスプレイをお使いですよね？ ですが、どのサイトも自動的にそのディスプレイにあわせて自動的に最大化しているように思います。 そうするにはどのように設定すればいいのでしょうか？ また、950ピクセルくらいが最適とかを調べているうちに目にしたのですが、試しに950を設定して画像を挿入したところ横幅に余白があります。 サイト作成では、上部を青、中を白、最下部を青という想定をしているので余白があるとどうしても不恰好です。 見ている人のディスプレイにあわせて最大にしたいので、どのようにすればいいのか横幅について教えてもらえませんか？ できれば専門用語をくだけた表現で教えてもらえると非常に助かります。 宜しくお願いします
- ベストアンサー
- ホームページ作成ソフト
- 一番見やすい横幅って
新しく使いやすいホームページを作成しようとしています。 ホームページの横幅っていろいろあって迷っています。横幅がＭＡＸとか、Yahoo!のトップページはだいたい675ピクセルだったり、アクセスアップ系の書籍には600ピクセルをすすめていました。 そこで下記の質問に答えてください。 Ｑ１ 理想的な横幅（ピクセル） Ｑ２ Ｑ１を使った主なサイト名 Ｑ３ Ｑ２を閲覧したときのブラウザ よろしくお願いします。
- ベストアンサー
- アンケート
- ページの横幅を変更したい（ホームページビルダー）
最近ＨＰを作り始めたばかりの初心者なので、分からないことが多くて困っています。 どうかアドバイスよろしくお願いいたします。 ホームページビルダーのテンプレートを使用して(標準モード)ページを作成しているのですが、ページの横幅が狭いのが気になります。 もっと横幅を広くしたいのですが、どのようにすれば良いのでしょうか？ できれば、標準モードで作成したいのですが… よろしくお願いいたします。
- ベストアンサー
- レンタルサーバ・ASP
- ホームページの横幅
ヤフーオークションのホームが新しくなりましたが、横幅が小さくなりました。以前は横幅一杯でした。横幅を一杯にするやりかたがあるのでしょうか？ＰＣに詳しい方教えてください。よろしくお願いします。
- 締切済み
- Windows Vista
- サイト制作において、一般的な横幅を教えてください。
横幅が固定のレイアウトの場合、「800pxの画面サイズに合わせて、横幅は760pxで作る」というのが一般的だと聞いたのですが、では、「どーーしても1024pxの画面サイズに合わせて作る」には横幅を何pxで作るのが一般的でしょうか。 どなたかご存じの方がいらっしゃいましたら教えて頂きたいです。 宜しくお願い致します。
- ベストアンサー
- HTML
- ホームページ作成の初心者です。
ホームページ作成の初心者です。 インターネットで通常閲覧している画面のサイズ横幅いっぱいに 画像やページを表示させるには、横幅のサイズは何ピクセルに設定すれば よいのでしょうか？ 使用ソフトはホームページビルダーV9、OSはXPproです。 どうぞ、よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- DreamweaverCS3で800pxの横幅にしてホームページを作る
DreamweaverCS3で800pxの横幅にしてホームページを作るにはどうすればいいのでしょうか？ 自分で一通り探ってみたのですが、ドリームウィーバーだと設定は編集⇒環境設定⇒ステータスバー というのがあって、そこで800×600とか設定できるのですが、 そのあとに内側の画面右上の四角いボタンを一度押して少し小さくしてから 画面右下のウインドウサイズを800×600にすると、編集画面が小さくなるのですが、 その小さくなって表示された画面サイズの中で編集しろということでしょうか？ それで画面の中央にもってくるためにそれぞれの文章・画像・イラストなどを中央揃えでもしてればいいのでしょうか・・・？それであってますか？
- ベストアンサー
- ホームページ作成ソフト
