• 締切済み

文字をセル下部にぴったりくっつけたい

お世話になります。 テーブル(の<td></td>)内に入れた文字を、セルの下部ボーダーにぴったりくっつけるように配置したいと思っているのですが、IE6でうまく文字の表示ができません。 その文字には font.●● {font-size:35px; font-weight:bolder; font-family:Verdana; color:#332600; letter-spacing:-2px; } とCSS指定し、またテーブルタグの方には <table cellspacing="0" cellpadding="0"> と <td valign="bottom"> を指定しています。 これで、Firefoxだときちんと表示されるのですが IEだと文字が潰れる、というか上下が欠けたように表示されてしまいます。 ためしに行間指定 line-height:100%; をつけくわえてみたところ、IEでの文字はきちんと表示されるようになったのですが、 テーブル下部のボーダーから浮いてしまい思ったようなレイアウトになりません。 (Firefoxも同様に浮いてしまいます) 文字を欠けなく表示し、また下部ボーダーにぴったりくっつけるやり方がありましたら教えてください。 よろしくお願いいたします。

みんなの回答

  • Questa
  • ベストアンサー率48% (13/27)
回答No.1

文字欠けについては、trタグやline-height等で行の高さを十分に保するしかないとおもいます。 文字の下の隙間はディセンダ(descender)ではないでしょうか。 ディセンダは y や q の下の出っ張りを納めるために、あらかじめ用意されている空間です。 もしそうだとすると、セルごとに強引に調整するしかないような気がします。 文字欠けもそうですが、ブラウザごとの微妙な描画差には苦労させられますね。

参考URL:
http://www.rinku.zaq.ne.jp/bkcyq100/diary/goo_smp1.html

関連するQ&A