文字をセル下部にぴったりくっつけたい
お世話になります。
テーブル(の<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も同様に浮いてしまいます)
文字を欠けなく表示し、また下部ボーダーにぴったりくっつけるやり方がありましたら教えてください。
よろしくお願いいたします。
お礼
有難うございました。さっそくやって見ました。うまくいきました。