IE7でサイズの大きな文字が切れる

IE7で表示した時にフォントサイズの大きな文字の下の方が切れることがあります。
恐らくdivタグの中にdivタグを入れるとこの現象がおこると思われます(未確認)
僕は以下の状況で文字が切れました。

#cBox {
      height: 50px;
      width: 200px;
{

#cName {
      font-size: 32px;
      margin-top: 20px;
}


解決方法としてはline-heightで文字の高さを指定すると解決します。

例:

#cBox {
      height: 50px;
      width: 200px;
{

#cName {
      font-size: 32px;
      margin-top: 20px;
      line-height: 40px;
}



あとはレイアウトを見ながらline-heightを微調整してください。

コメント

このブログの人気の投稿

Firefox3とFirefox2を共存&同時起動させる方法

IE6で指定した背景が消えるバグ