<< AirMac ExtremeとニンテンドーDS Lite | TOP | 確定申告大変でした >>

2007年03月17日

ブログで巨大な文字が重なる？ line-heightのはなし

自社サイトをMovable Typeによるビジネスブログでリニューアルしようとされているお客様に、テスト用兼コンテンツ入力用MTサイトを提供中です。そのお客様から、「ブログに大きな文字を入れると他の行と重なってしまう」という指摘をいただきました。

見てみると、標準14pxぐらいのエントリーに、48pxの文字を入れようとされたようです。それが、上の行と重なってしまうので、使えないぞっと。

なるほど、これはline-heightの指定方法が問題のようですね。Lucky bagさんやhxxk.jpさんがまとめてくれていますが、これまでエントリー部分を
line-height: 150%;

と指定していたのが問題だったようです。
line-height: 1.5;

にしたら、きちんと表示されるようになりました。よかったわーい（嬉しい顔）
タグ：CSS Movable Type MT XHTML
【Web開発の最新記事】
posted by 急いでジャンプ at 08:01| Comment(0) | TrackBack(0) | Web開発 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/36154227
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック