テーブルの横幅を固定する

同じhtmlを開いても、モニタサイズ、ブラウザの種類、設定等によって、見え方が変わってしまいます。また、機種の性質上、windowsでは、モニタいっぱいにウインドウを開いて見る人が多いのに対し、macではウインドウはあまり大きく開かない人が多いといった機種の癖のようなものもあります。デザインを固定したい、または読みやすい文章にしたい時はテーブルタグとその属性を使ってウインドウサイズの影響を受けない工夫をします。例ではわかりやすいようにテーブルに色を付けてみました。

<table boder="数値" cellpadding="数値" cellspacing="数値" width="数値">

例1

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>ページの横幅を固定する</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="300" bgcolor="#ff3333">
<tr>
<td width="250">長文を流し込んでも横幅を250ピクセルで固定しているのでそれ以上横には伸びません。ページ全体をレイアウトしてみましょう。
</td>
</tr>
</table>
</body>
</html>

こうなります