％指定するには

質問

http://www.hanamaruya.com/index.htm
ビルダー8を使ってホームページを作っています。
上記のサイトのように文字サイズがどんな大きさでもそれに合わせて変化するようなページを作りたいのですが、どのように作れば良いでしょうか？
テーブルなどの幅や高さを％で指定すればよいとマニュアルなどにありますが、何に対しての％なのか、どのくらいの％がいいのか、いまいちよくわかりません。
作るときのコツなどありましたら教えてください。

回答No.1

s-tuki · ベストアンサー

すみません、ビルダー使っていないのですが
（コードを編集出来るモードがあると思うのですが
そちらに直接書き込めば良いと思います）
%指定は
<table width="100%">
<tr>
<td>内容</td>
</tr>
</table>
こんな感じで出来ます。

上のwidthはブラウザの幅に対しての%です。
表示されるウインドウ幅いっぱいに表示します。
<td>とかにも指定出来ます。
例えば

<table width="400" border="0" cellspacing="0">
<tr>
<td width="50%">内容</td>
<td>内容</td>
<td>内容</td>
</tr>
</table>

上の場合3個のセルが横に並んだ幅400ピクセルの表ですが
1個目のセルは400ピクセルの50％なので幅200ピクセル。
後の2個はその残りが半分になるので
何も指定しなければ幅100ピクセル×2個、になります。

どのくらいの%が良いかは、
ブラウザでウインドウの大きさを変化させながら確認して、自分のイメージするものに近い数値にするのが良いと思います。

でも、リンク先のサイトは、絶対値で固定してるみたいですよ。
中の点線のテーブルは100%指定になってますが、
外側の固定された箱の中での100%なので
結局動かないですけど。

高さは、指定しなければ、内容に合わせて勝手に動いてくれます。
指定しないのが一般的だと思います。

お礼

分かりやすいご説明ありがとうございます。
あと一つ疑問なのですが、％指定は後からしても大丈夫ですか？
いままではピクセルで指定していてwidth=800などとあるので、その数値を○％と書きかえるだけでいいのでしょうか？

補足

おかげさまで、あれからいろいろ試しているうちコツが少しずつですが掴めてきました。
お礼の欄での疑問も解決しました。意味不明な質問ですみません！
ありがとうございました。

回答No.2

moon_night

確かセルかテーブルのプロパティーを開けば％で指定できるはず・・・

うろ覚え。

％で指定しても結構空白で間延びすることが多いのです。
対象の画面サイズを決めてやったほうが作りやすいです。
例えば今一般的なのは1024*756 とかで、
でも、800*600 の人も1割くらいいたり。
1280*1024 も結構普通に使ってたりしてるかもしれないけど、たまに1600*1200の人もいたり。
いろんな画面サイズを試して、自分で見ながら作ればよろしいかと思います。

デスクトップで右クリックをしてプロパティーを開けば設定で画面の領域をかえられます。
ビデオカードとモニタによって、変えられる画面サイズは違いますけども。

お礼

ご回答ありがとうございます。
画面のサイズのことまで思いつきませんでした。
参考にさせていただきますね。
全ての人に合わせるのは難しいと思いますが、なるべくアクセシビリティーを考慮したサイト作りをしたいのでいろいろ試してみたいと思います。