- 締切済み
文字をセル下部にぴったりくっつけたい
お世話になります。 テーブル(の<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も同様に浮いてしまいます) 文字を欠けなく表示し、また下部ボーダーにぴったりくっつけるやり方がありましたら教えてください。 よろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- Questa
- ベストアンサー率48% (13/27)
文字欠けについては、trタグやline-height等で行の高さを十分に保するしかないとおもいます。 文字の下の隙間はディセンダ(descender)ではないでしょうか。 ディセンダは y や q の下の出っ張りを納めるために、あらかじめ用意されている空間です。 もしそうだとすると、セルごとに強引に調整するしかないような気がします。 文字欠けもそうですが、ブラウザごとの微妙な描画差には苦労させられますね。