2009年9月9日

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を微調整してください。

0 件のコメント:

コメントを投稿