• ベストアンサー

ホームページの幅について・・・

みなさん、ホームページの幅はどれくらいに指定していますか? 私は、あるサイトにとにかくアクセスを集め解析してみたら、 1024px以上の方がほとんどで、 800pxの方は、3%ぐらいしかいませんでした。 そこで、私は思い切って1000pxのサイトを造ろうと思ったのですが、 どうおもいますか? IEのサイドバーのお気に入りもけっこう関係してくると思うのですが・・・

  • HTML
  • 回答数7
  • ありがとう数2

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

  • ベストアンサー
回答No.5

理想はどのサイズでもスクロールバーが出ない事。 で、縦スクロールバーは出ないというのは困難なのであまり長くないという事ですが 横スクロールバーは、回避できるだろうという思いと、実際の操作が行って戻るの繰り返しになりかなりのストレスになる事から、その行って戻るの操作にならないという状況での例外的場合を除いてまず徹底回避をお勧めします。 なによりデザイン的にもみっともないかと・・・。 との考え方の上で現実の作業ですが、 横スクロールバーは 800 * 600 のフルスクリーンで出ないという程度の配慮で、まぁ閲覧者側も折り合いつくでしょうから、デザインを 1024 * 768 フルスクリーンを基準で考えるのは別に良いかと。 どのサイズでもバランスよくというのはまず無理でしょうから・・・。 (さすがにサイズ変更によるデザインのズレで文字等が重なって読めない等の実用性への影響は問題ですが・・・) それからアクセス解析ですが あくまで解像度ですし その画面の実際の大きさは不明でしょうし ブラウザの表示サイズもフルスクリーンかどうかも不明・・・。 そして文字サイズの変更の有無がどうかという事で・・・。 (文字サイズを変えて見れば、解像度が大きくても小さい時と同じ見え方でぇ・・・) あと情報量への視点で、 800 で収まらない 1000 を必要とする情報量は 結構うるさく感じるかも・・・。 繋がりのある情報なら折り返して 800 に収めてでしょうから 個別の情報が右,左となければいう事で 目線の動きとして煩わしいかも・・・。 (デザインは別で情報だけを考えてですが・・・。) 結局 1000px のサイトで何をする為に 1000px である必然があるのかという事かと。 一般論は横スクロールバー回避となりますからねぇ~

その他の回答 (6)

回答No.7

私は右に150pxの帯をつけて残りは全体に広がるように作っています。 帯にはメニューが入っています。 全体で見ると100%で余白なしです。 好きなサイズで見て下さい。但し帯は枠外に逃げる可能性があります。メニューをどうしても見たければ見れる大きさで見てください。と言う気持ちで作っています。 400pxで見ても完全にレイアウトが崩れない程度には調整してあります。floatで組んだレイアウトを崩して250pxまでなら横スクロールが出ないです。 1000pxでも良いと思いますよ。 見たければ解像度の高いパソコンやディスプレイで見れば良いだけですから。横スクロールもありますからね。ただ携帯には対応できませんよね。

回答No.6

わたしは、webサイトの幅は、pxで固定にしないで、観覧者のウィンドウ、あるいはタブ全体に表示されるようにしています。 数字で言うなら、100%、ただ、両端に1em分の余白を入れています。 それで、1000pxは、わたしとしては、ご勘弁願いたいですね。 それと、モニターの解像度が1024px以上でも、ウィンドウを自分の好きなサイズにして(最大化しないで)見る人もいるということを忘れないでほしいです。 わたしは、サイトを1000pxにするのには反対です。

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.4

他の方と同様、800以内をお勧めします。 もちらん私が造るときも800以内にするし、自分の環境も通常は1000未満です。 また、アクセス解析の結果はなんともいえません。 参考はURLは2年近くも前のデータですが 画面解像度が一定以上になるとウィンドウを最大化しない≒ウィンドウサイズの伸び率は画面解像度の伸び率に比例しないという事象は変わっていないでしょうから、 2年の間に機器の高解像度化がかなり進んだとしても3%というデータは偏っている気がします。

参考URL:
http://www.zerotown.com/webdata/access/win_01.htm
  • partita
  • ベストアンサー率29% (125/427)
回答No.3

800px以内が安全圏だと思います。 それを超えると、もし印刷したいときにうまく印刷されませんし。 それに横スクロールバーが表示されると、個人的には不快です(^_^; まぁ、アクセス解析を考慮した結果なら問題ないのかもしれませんね。

  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.2

私は、ブラウザでサイドバーを表示させないで見ているので、1024pxの幅です。 別に1000pxの幅で作っても構わないと思いますが、そのサイズに固定されてしまうと、それより小さい幅で見ている人には、スクロールしないと右端が見れないという状態になってしまうので、それを考えたら、全体の幅を伸縮できるように作るのがいいかなと思います。 それが出来ないのなら、800pxで固定した方が無難でしょう。

  • bys07405
  • ベストアンサー率38% (37/97)
回答No.1

一番いいのは横幅を規定せずに、どの幅でも見やすいように作るのが一番ですが、それも難しいので... 画面の横の大きさが1024pxなので、実際にホームページに表示されるために使われる幅は800pxぐらいとなります。 800pxで抑えておいた方が見る方としてはありがたいです。 横にスクロールしないとすべてを見ることが出来ないというページはかなりストレスを感じます。

関連するQ&A

  • forefoxで幅を%で指定した場合・・・。

    forefoxで幅を%で指定した場合にうまく表示されません・・・。 IE6などでは綺麗に隣同士に並んでいるのに、firefoxだとCSSの枠が長くなったりして飛び出されてしまいます。 %の指定って良くないのですか?? px指定の方が無難なのでしょうか?? ちなみにホームページを作る際の基準?というか標準の単位って何でしょうか?? 私は普通はpxを使っているのですが、他にも色々あるので少し興味があったので。 すみません、質問が変な方向に行きましたが、何方かお分かりになる方がいらっしゃいましたら宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページの幅の設定方法

    ホームページの幅を820ピクセルに指定したいのですが、 次のようにしましたが、うまくいきません。 どうすればよかったのでしょうか? -・- <style type="text/css"> body{ line-height:2em; width:820px; } </style> </head> <body> 本文・・・

  • ホームページの見せ方

    IEとグーグルクロームの両方で、 サイドバーは固定幅を指定し、 メイン部分は、それぞれの方が使っているプレビュー画面の残り全部を使って表示できるCSSとHTMLの書き方を教えてください。 他にもブラウザはあるようですが、ただ今は、この2つだけを対象に考えています。

    • ベストアンサー
    • HTML
  • ホームページビルダーで作ったサイトの幅と余白

    ホームページビルダー8を使用しています。 困っているのは、他のサイトのようにパソコン画面左側に固定したお気に入りの欄を右に広げたり狭めたりしてサイトの画面の幅が変わる時に、私のサイトは常にその中央に位置しないということです。 お気に入りの幅を広げようとすると、最初から右側の余白だけが狭まり始め、左側は一定です。 例として(ヤフーなどより幅を狭く作っている)運輸会社さんのサイトがわかりやすいのでURLを記します。 http://www.kuronekoyamato.co.jp/ 運輸会社サイトは、お気に入りを広げても狭めても両側の余白の幅は変動するものの、常に左右対称の同じ幅です。 (そして、ある一定以上お気に入りを広げると、その段階で初めてサイトの右側が見えなくなり始めます。) ほとんどのサイトはこのようになっているとおもいますが、 私のサイトの場合は、どうしてこのように左右均等に余白ができないのか教えてください。 今のやり方は次のようにやっています。 Illustratorで下地のデザイン(簡単なグラデーションの壁紙のようなもの)を作り「Web用に保存」し、それをビルダーの「どこでも配置モード」で、「ページ編集」画面で一番最初に貼り付けて、その上にビルダーで文字を書いたりボタンを貼り付けたりしています。 「ページ編集画面」で、画面の左端合わせて自分の下地デザインを貼り付けると、ネット上でみた時に左側に全く余白がない状態になるので、わざと左側を約四センチくらい空けて、余白を作るようにして、下地デザインを配置しています。 でも、上記したようにこの約四センチの余白はお気に入りの幅が変動しても常に同じにしかならず、右側の余白だけが変動します。 よろしくお願いします。

  • 忍者カウンターのアクセス数

    こんにちは。アメーバブログを使っている者です。 最近、忍者カウンターをはじめました。 それがどうもおかしいです。 アメーバブログのアクセス解析と比べてみると、 昨日の総アクセス数 アクセス解析 260 忍者カウンター 15 10倍以上違うのはなぜですか?? 忍者カウンターはサイドバーにあり、つねにカウントされるようになってます。 二重カウントも許可、管理人のアクセスもカウントされます。 それなのになぜ。。。 よく両者をみてみると、 アクセス解析はお気に入りからのアクセス数が232でした。 ということは、お気に入りからのアクセス数がカウントされてないかされすぎてるということでしょうか。 たしかに時系列アクセスをみると、 更新した18時のアクセス アクセス解析 100 忍者カウンター0 どどどうなっているのでしょうか?? 知っている方がいらっしゃれば教えてください。

  • 固定幅div内のテーブルセルの幅指定方法

    幅を指定して横スクロールバーを有効にしたdivがあります。 その中に、divよりも幅の広いtableを置き、thやtdの幅を指定したいのですが、有効になりません。 tableへの幅指定は有効になるのですが、内容が動的に変化するので、セル単位で幅を指定したいと思っています。 解決方法がありましたらお願いいたします。 HTML:標準モード UA:Windows xp IE6 サンプルコード: <style> div{ height:200px; width:200px; overflow-x:scroll; border:#f99 solid 1px; } table{ background:#ddd; border:#666 solid 1px; } td{ width:100px; border:#666 solid 1px; } </style> <div> <table> <tr> <td>サンプルテキスト</td> <td>サンプルテキスト</td> <td>サンプルテキスト</td> <td>サンプルテキスト</td> <td>サンプルテキスト</td> <td>サンプルテキスト</td> </tr> </table> </div>

    • ベストアンサー
    • HTML
  • ホームページの横幅が広くて、印刷すると切れてしまう。

    会社のホームページを作っていて、横幅の設定について質問させて下さい。 横幅720pxで作成していたのですが、印刷する時に切れないように横幅を短くして欲しいと言われました。windowsのIEから印刷しようとすると、右側が切れてしまいます。印刷の設定を変えればよいのですが、その設定をしていない(分からない)人も多いようです。 大企業のHPを見てみると横幅700~780pxが多いので、これが主流だと思っていたのですが、やはり右側が切れずに印刷できるように横幅短め(600px以下?)で、ホームページを作成した方がよいでしょうか? 私としては印刷幅に合わせると横幅がかなり狭くなるように思うので、モニタ表示を優先して作成したいのですが・・・ みなさんはどうしていますか?ご意見伺えたらと思います。

  • ウインドウ幅に合わせて幅の変わるボタン

    ホームページ作成のcssについて質問です。 このページのような、 http://xn--up-gd4a8cufa0d4zb5h.com/ ウインドウ幅に合わせて幅の変わるボタンは、どうやって作ったらいいですか? まだ勉強しはじめたばかりで、よくわかりません。 cssでボタンを作るのは、自分でも調べてみて、こんな感じだとわかりました。 .sample { width:200px; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:8px 0 10px; color:#333; border:1px solid #333; } でも、これだと画面の幅を変えても、ボタンの幅が変わりません。 cssに詳しい方、教えていただけると助かります。

    • ベストアンサー
    • CSS
  • ホームページの横幅

    こんにちわ、 今まではホームページを作成するときのサイトの横幅は800pxで作成していたのですが、もう少し大きなサイズで作成したいと思っています。 そこで横幅を大きくするならどれくらいの幅までなら大丈夫でしょうか? それとも横幅は今でも800pxでの作成が望ましいのでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • IE6でお気に入りのサイドバーを常に表示

    WinXPでIE6を使っています。(使用ソフトの関係でIEのバージョンアップをしたらいけないので) 今までブラウザを開いた時、常にお気に入りのサイドバーが表示されていたのですが、いつからかIEを開くとお気に入りのサイドバーが表示されなくなってしまいました。 もちろん上の★お気に入りのボタンを押せば、サイドバーも表示されるのですが、毎度毎度なのでわずらわしく感じています。 IE6でお気に入りを左サイドバーに常に表示させる方法を教えてください。

専門家に質問してみよう