tableが縮まらない

<th width="20" ><div style="background-color:#FF9;height:28px;padding-top:12px">**</div></th><td width="10" bgcolor="#CCFFFF" >**</font>**</font><br><font><font color="#000000" >45</font></font></td>

どうしても
<td width="10" bgcolor="#CCFFFF" >
この部分が縮まらないです。何故でしょうか？？

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/06/28 15:32

table -cell は、ブロック要素とは違い、table-cellの仕組み---tableのレンダリング規則に従います。

　tableは、データーを二次元に並べる要素ですから、ユーザーの表示区画に合わせて可能な限り表全体を表示しなければなりません。詳しくは
HTML4.01仕様書11.3 視覚系ユーザエージェントによる表の整形 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

　HTMLにたくさんの間違いがあります。<font></font>が正しく入れ子になっていません。
　非推奨の要素/属性が使われています。
　　<font>　←FONT要素とBASEFONT要素は推奨しない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　　bgcolor=　←推奨しない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　　color=　←推奨しない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

　また、表でないものをtableでマークアップすることも、強く非推奨とされています。
　「単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
　「ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」

　もし、それがtableデータでなく、単に整形のためにtableを使われているのでしたら、それをまず直しましょう。その上でスタイルシートでデザインしましょう。

　tableデータの場合は、スタイルシートでサイズなどは変えるべきではありません。(変えられませんけど)

No.1 回答者： outbrave 回答日時： 2012/06/28 13:55

縮まらないのは内容があるからでしょう。

<td width="10" bgcolor="#CCFFFF" >
**</font>**</font><br>
<font><font color="#000000" >45</font></font>
</td>

width="10" にして中身の **** はどういうふうに表示したいのですか？

英数字だけでは改行されませんよ。

また、font タグの入れ子も間違っています。