ページの横幅指定

[新着] Webテンプレートを仮オープンしました



0   名前: : 2004/03/05 06:58
ページの横幅を絶対値で指定するにはどうしたらいいのでしょうか。
できればテーブル以外(枠線無)の方法がいいんですが、
どなたかご存知でしたら教えてください。
よろしくお願いします。

1   名前: weam : 2004/03/05 07:44
スタイルシートでwidthを指定してもできます。

2   名前: : 2004/03/05 11:30
早速の返答ありがとうございます。

スタイルシートのwidthコードは見つかったのですが
なにぶん初心者のためページのどこに置けばよいのかわかりません。

<body style="min-width:200px; max-width:500px;">

これの設置場所を教えてください。


3   名前: weam : 2004/03/05 14:50
<body style="min-width:200px; max-width:500px;">
↑を記述する場所ですか?

HTMLってのは

<html>
<head></head>
<body>
表示するもん
</body>
</html>

ってのは解りますよね?

<body>にあたるところをそれに変えればOKです。


4   名前: : 2004/03/08 15:16
お礼が遅れて申し訳ありません。

教えて頂いた通りにしてみたのですが
どうもうまくいきませんでした。なぜでしょう?
もしお心当たりがあればご教示願います。

5   名前: ico : 2004/03/08 17:55
<div>タグを使ってボックス操作してやればいいと思います。
テーブル感覚で使えるので分りやすいはずです。

<div="width:500px">コンテンツ</div>

こんな感じです。
パディングやボーダーなどの装飾はお好みで追加して下さい。
(たくさんの箇所で指定するなら、
外部スタイルシートにしてID指定すると管理しやすいですね)

------

<body style="min-width:200px; max-width:500px;">
「これの指定場所」、
とおっしゃれておりましたが、
こういう型が最初からあるわけじゃないんですよ。
<body>タグに好きなスタイルシートをくっつけただけです。

6   名前: better_source : 2004/03/09 01:28
>> 彩 さん

> <body style="min-width:200px; max-width:500px;">
"min-width"や"max-width"は、IEが未対応のようですね。
とりあえず、きちんと表示できるブラウザのために指定は残して、
"width"も指定するといいかと。

参考資料

K@tsukun's PAGE!:http://hp.vector.co.jp/authors/VA022006/index.html
  付録:視覚整形のプロパティ対応状況 - CSS2 リファレンス:
  http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/visualren.html#min-width


ついでに。自分でソースを調べるのはヒントを得る上で大切ですが、
それと同時に基礎的な事柄は把握しておいた方がいいかなと思います。
それでないと、"I computer like."(辞書で単語を置き換えただけ)
のようなことになりやすいです。おすすめはこの辺のサイト。

きちんとした、詳しい説明が良ければ……

ごく簡単なHTMLの説明:http://www.kanzaki.com/docs/htminfo.html
  スタイルシートの基本:http://www.kanzaki.com/docs/html/htminfo17.html
  CSSの主なプロパティ:http://www.kanzaki.com/docs/html/htminfo17-2.html

とりあえず、「(一般的な)どうすればどうなる」だけで良ければ……

とほほのWWW入門:http://tohoho.wakusei.ne.jp/www.htm
  とほほのスタイルシート入門(基礎知識):http://tohoho.wakusei.ne.jp/css/basic.htm

7   名前: ico : 2004/03/09 02:48
訂正 _______________________________________

× <div="width:500px">コンテンツ</div>
○ <div style="width:500px">コンテンツ</div>

おもいっきり書き間違えていました、
本当にすいません・・・。m(_ _;)m

8   名前: : 2004/03/10 07:45
icoさん、

<div>タグですね。早速試してみます。
ご親切にどうもありがとうございました。

better_sourceさん、

たくさんの参考サイトを紹介してくださっていてびっくりしました。
お手間を取らせてしまって申し訳ないです。
サイト制作の基本的なことがいまだチンプンカンプンなので
教えていただいた文献をもとにこれから頑張って勉強しますね。
本当にありがとうございました。

weamさん、icoさん、better_sourceさん、
また困ったときにこちらに書き込むと思います。
その時もどうぞよろしくお願いします。


一覧へ戻る