文字サイズ変更でテーブル要素（幅の値を指定済み）の幅が変化しないようにするには？

質問

宜しくお願いします。

[症状]
TABLE・TDタグにて、幅をしているすると、
文字サイズ：小　で見るときは、設定した値の
適正地が反映されるが、文字サイズ：中　以上に
設定すると、TABLEで設定最多幅は有効なままで
あるが、TDで設定した値は完全に無視される形で、
テーブルの中のバランスが乱れてしまう。

[ソース]

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" style="border-collapse:collapse ">
<tr>
<td style="width:250px; ">あ</td>
<td style="width:300px; ">い</td>
<td style="width:200px;">う</td>
</tr>
<tr>
<td>え</td>
<td>お</td>
<td>か</td>
</tr>
</table>

[コメント]
特に変哲のないソースだと思います。
あ～か　の文字のところには、それぞれもう少し長い
文章が入る形となります。

[質問]
文字サイズをブラウザ上で変更しても、
TDの幅が変わらないようにしたい。
その際に、文字のサイズを固定はしたくないです。

[その他]
styleではなく、width指定しても
効果がありませんでした。

宜しくお願いします。

回答No.1

noname#35109 · ベストアンサー

スペーサーを使います。
文字サイズのために，幅が大きくなることが原因ではなくて，空白部分のあるセルが横のセルによって縮まることが原因だからです。

イメージ的には「つっかえ棒」を入れるのです。
スペーサーは普通，透明なGIFですが，そうではなくて，各列のタイトル部分だけを画像にして，スペーサー兼見栄えの良い列タイトルとすることもあります(私はこちらの方法をよく使います)。

参考URLなどを参考にしてみてください。

参考URL：

http://www5c.biglobe.ne.jp/~horoau/html/spacer_gif.html

お礼

スペーサーの高さを1pxにすることによって、
気にならず、うまくいきました。

ご指導ありがとうございました。

補足

ご教授ありがとうございます。

スペーサーという言葉は知っておりましたが、
使い方を知りませんでした。
幾つかＨＰを見まして、大体把握できました。
大変参考になりました。

追加で一つ質問させて下さい。
もし、文字列でTD要素を作る場合でも、
スペーサーを使い、固定することは
可能なのでしょうか？

>各列のタイトル部分だけを画像にして

とあったので、やはり1行目は画像に変換する事が
必須であると考えた方が良いのでしょうか？

お手数をおかけ致しますが、
宜しければお答えお願いします。