同じ<table align="center">を用いていますが、セルの中身の行揃えが代わってしまいます。

質問

どちらも<table align="center">を用いています。

ですが、タグ１は特にセルの位置を指定せずとも、セルの中身が自動的に左詰めになりますが
タグ２のセルの中身は、中央ぞろえになってしまいます。

タグ１のように、<table align="center">を用い、セルを左詰め指定（<align="left">）をせずとも
なぜセルの中身が左詰めになるのか分かりません。。。

-------------タグ１-------------
<table width="600" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td width="10"><img src="img/concept_title.gif" width="10" height="30"></td>
<td><img src="img/concept_title01.gif" alt="テキスト" width="127" height="16"></td>
</tr>
<tr>
<td width="10">&nbsp;</td>
<td class="t01">テキスト</td>
</tr>
</table>
------------------------------

-------------タグ２-------------
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="3" rowspan="2" valign="top"><img src="image/grade_line.gif" width="3" height="177" /></td>
<td width="8" valign="bottom"><img src="image/grade_line30.gif" width="20" height="2" /></td>
<td width="368"><img src="image/kisyo/01t.gif" width="368" height="32" /></td>
<td align="left" valign="bottom"><img src="image/grade_line_right.gif" width="42" height="2" /></td>
</tr>

<tr>
<td>&nbsp;</td>

<td height="145" align="left">テキスト
<td rowspan="2"><img src="image/kisyo/01_ph.jpg" alt="井戸" width="200" height="139" /></td>
</tr>
<tr>
<td valign="top"><img src="image/grade_line_bottom02.gif" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
------------------------------

初心者的な質問・タグで恐れ入りますが、ご助力頂けますと幸いです。
宜しくお願い致します。

回答No.1

pasocom · ベストアンサー

両方のタグを私が試してみた結果では両方とも左揃えになるようです。
「align」は、<table>タグ内に直に記述しても意味無く、デフォルトの「左揃え」になってしまうのです。
「align」は<td>タグ内に記述するのが正しいと思います。