ホームページの横幅

解決済

質問者：centralcsk
質問日時：2010/03/08 11:07
回答数：4件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： naokita
回答日時：2010/03/09 04:40

昔は600px程度でと言われていましたねｗ

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

- 0
- 件

通報する

No.3

回答者： ORUKA1951
回答日時：2010/03/08 13:14

HTMLは本来

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より
のためのものですから、幅を指定せずに伸縮するように作成すべきです。印刷物を作るワープロやDTPとは根本的に異なる、まさにHTMLの目的なのですからね。
　それでもあまり広くなると見づらいので、以下の様に指定します。
　なお、HTML4.01Strictで作成してあり、下記サイトで検証済みです。
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_ … )

<!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>