No.4ベストアンサー
- 回答日時:
>いろいろ調べたところ、現在の主流はサイトの横幅は960か980が多いようです。
自分もWebシステムを開発するときは、980ドットで横スクロールバーが出ない様に画面設計をします。
先程Win7のIE11で、ウィンドウ枠と縦スクロールバーのドット数の合計を数えたら31ドットありました。
なので横1024のモニタで全画面表示をせずにブラウザを画面いっぱいに広げた場合、Webページの最大表示範囲は993ドットになりましたが、まぁ他の要素を含めて980あたりを皆さん選んでいるのでは?と思います。
>それ以外のサイトも多くありますが、これらは950や1000ではダメだったのでしょうか。
1024ドットのモニタで見て、
・1000では場合によっては横スクロールバーが出るでしょう。端が見きれる事が多いです。
・950で作られているサイトは見たことありますし、ダメな理由は無いはずです。
>980では問題なく988では問題が生じるということはあるでしょうか?
PCで見る場合、ワイドモニタが主流のご時世では特に問題無いかと思います。
また少々古めのタブレットなどは、縦持ちにしたときの横のドット数が960の液晶などがありますので、そういったものの表示も考えるならば960に合わせるのも良いのかも知れません。
いろいろなデバイスで見る場合があり、色々メンドウな時は780くらいで作ってしまうのも一つの手でしょう。ケチを付ける層はいくらでも居るかと思いますが、W3Cの理念云々よりも費用対効果が問題になる場面も多いかと思いますので。
回答ありがとうございます。
気になっていた部分がスッキリしました。
確かにご指摘頂いたように費用対効果というのも大きいですよね。
現段階は巧遅を求めず拙速を求める状況ですので痛感します。
No3の方と迷いましたが、質問に対する回答として明確なこちらをBAとさせて頂きます。
No.3
- 回答日時:
>980では良くて988ではダメな理由を聞きたかったのです。
こちらは良くて、あちらはダメということはないという意味です。
>なお、スマホ用のレイアウトは別で考えています(レスポンシブはさすがに難しそうだったので)
いえ、そんなに難しくはないです。(^^)
>現在の主流はサイトの横幅は960か980が多いようです。
それよりこちらが気になる。そのようにサイズ指定するのは、いまや主流ではなくなりつつあります。今後は、先に説明したような理由でリキッド+レスポンシブデザインが主流になっていくでしょう。tableによるデザインが強く否定されてきたのは、
【引用】____________ここから
非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。 さらに、見た目のために表が用いられると、その表が大きなディスプレイのあるシステムで作られた場合、表を見るために水平スクロールを強いられることがある。 こうした問題を最小限に押さえるため、著者は文書の整形には表ではなくスタイルシートを用いるべきである。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Tables in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
だったのに、幅を固定したのではスタイルシートを導入する意味がないです。ましてや、端末ごとにページを用意したのでは・・『ただ1種類の文書しか作る必要がなくなるからだ。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』も・・・
サイズを固定するのではなく、リキッドで設計されたらいかがでしょう。
width:90%;min-width:630p;max-width:1000px;margin:0 auto;
とかね。
詳細に回答をありがとうございます。
よくわかりました。
現在多くのサイトが960や980ですが、すでにそういう作り自体が過去のものになりつつあるということですね。
確かに今は良くても、せっかく今から作るなら今の時流にあわせることを考えるべきかもしれませんね。
No.2
- 回答日時:
単純にディスプレイサイズのXGA(1024×768)が圧倒的に多かった時代の名残です。
昔はSVGA(800×600)の時代もありましたね。>作成中のサイトは、いろいろレイアウトを考えると横幅は988が理想なのですが
それは無いでしょう。
現在は、スマホ、タブレット、ミニノート・・幅広ディスプレイと様々なディスプレイがあります。
私がここ4~5年手がけているページはすべてリキッドで、スマホをも対称にする場合、必要ならmediaqueryでスタイルシートを切り替えてます。
★そもそもHTMLの最大の目的・利点は
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なのですから、HTMLを使用してウェブページを作っているのですよ。
この回答への補足
回答ありがとうございます。
しかしちょっと判らなかった部分があるのですが
>作成中のサイトは、いろいろレイアウトを考えると横幅は988が理想なのですが
それは無いでしょう。
の「それは無いでしょう」は、横幅988で作るなんてあり得ない、という意味でしょうか。
その場合(HTMLの目的や利点は判るのですが)980では良くて988ではダメな理由を聞きたかったのです。
なお、スマホ用のレイアウトは別で考えています(レスポンシブはさすがに難しそうだったので)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- マッサージ・整体 骨格・男性ホルモンについて 1 2022/11/03 19:28
- 駐車場・駐輪場 横幅5mの駐車スペースに普通車2台は止めれますでしょうか? 12 2023/08/24 09:51
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- IT・エンジニアリング SEとWebエンジニアの業務内容の違いについて 3 2023/06/22 23:23
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- HTML・CSS HTML <input type=password>の黒丸の色を変える方法 3 2022/11/23 13:56
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- 着物・浴衣・水着 男物の浴衣を女性が着る時の注意点 1 2022/07/01 12:40
- アプリ チャットアプリをダウンロードした時に出てきた、 「他者のAppやWebサイトを横断してあなたのアクテ 1 2023/01/23 01:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ユーザーフォーム スクロール...
-
Illustratorで作成、pngで保存...
-
SELECTのプルダウンの長さの調整
-
アップしたホームページがスマ...
-
オプションメニューの中の文字...
-
PDFファイルを横につなぐ事は可...
-
photo shopでA4サイズは何セン...
-
PowerPointでホームページ
-
フォルダ内の写真を画面幅にあ...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
EXCEL VBA 印刷プレビューダイ...
-
Excel:一部のフォントでセルの...
-
PDFファイルを開かずに印刷...
-
Excel VBAで文字列の可視長を得...
-
コピーライト記号の表示が小さい
-
HTMLテキストボックス内の文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Illustratorで作成、pngで保存...
-
ユーザーフォーム スクロール...
-
SELECTのプルダウンの長さの調整
-
PDFファイルを横につなぐ事は可...
-
オプションメニューの中の文字...
-
プルダウンメニュー表示時の高...
-
フォルダ内の写真を画面幅にあ...
-
Word Webレイアウト表示に関して
-
マイクロソフトのワードの文章...
-
アップしたホームページがスマ...
-
photo shopでA4サイズは何セン...
-
証明写真の一般的な顔の大きさ...
-
縦長のホームページを作りたい...
-
WEBサイトの横幅が960や980の理...
-
Rainlendarの設定について
-
PowerPointでホームページ
-
文字が綺麗でサイズが小さいバ...
-
ページ幅を基準に表示
-
ホームページビルダー10【ス...
-
現在表示されているWEBサイトの...
おすすめ情報