テーブル定義の謎
-
0 名前： タラコ ： 2006/11/22（水） 19:16 ID:8PXh6CDa
- 質問です。よろしくお願いします。
以下のようなテーブルを作成したのですが、なぜ１行目の「みょうじ」と「なまえ」が
左揃えにならないのでしょうか？
２列目を作成すると、２列目からは左揃えになっているのですが・・・
<table width="370" border="0">
<tr>
<td width="150" bgcolor="#CCCCCC" align="right"><B>しめい</B></td>
<td width="10"></td>
<td width="100" bgcolor="#CCCCCC" align="right"><B>みょうじ</B></td>
<td width="10"></td>
<td width="100" bgcolor="#CCCCCC" align="right"><B>なまえ</B></td>
</tr>
<tr>
<td></td>
<td></td>
<td><div align="right">
<input name="text23422" type="text" width="80" value="" />
</div></td>
<td></td>
<td><div align="right">
<input name="text234222" type="text" width="80" value="" />
</div></td>
</tr>
</table>
よろしくお願いします。
-
1 名前： カヅサツ ◆ThCi95HEzw ： 2006/11/22（水） 19:16 ［URL］ ID:O5hEMlpW
- > なぜ１行目の「みょうじ」と「なまえ」が左揃えにならないのでしょうか？
align="right" のせいだと思います。
蛇足ですが、テーブルセルには「普通のセル」と「見出しセル」の 2種類があり、「しめい」とか「みょうじ」といったセルは列の見出しに使われていますから、td要素よりもth要素にされることをオススメします。
-
2 名前： タラコ ： 2006/11/22（水） 19:16 ID:8PXh6CDa
- すいません、大きく間違えました。
左揃えではなく、右揃えにしたかったです。
列の幅を広げれば右揃えになりますが、なぜ？？
すごく疑問です。。。
-
3 名前： カヅサツ ◆ThCi95HEzw ： 2006/11/22（水） 19:16 ［URL］ ID:O5hEMlpW
- > 列の幅を広げれば右揃えになりますが、なぜ？？
input要素の横幅が100ピクセル以上あるため、結果的に同じ列のセルがそれに合わせて広がっていますが、
セルに指定されたwidthは 100ピクセルのため、右寄せはその範囲で行われています。
(セルの左端と、「みょうじ」の「じ」の字との間隔は100ピクセルあるはずです)
