この記事は公開から1年以上前のものです。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
IE6と7に爆発してほしい今日この頃( ´∀｀)
IE6、7で見出し（h1とか）の下に謎の隙間が出来るなんて…てっきりmarginなんだろうなーって思ってたらなんか違うんですよね。
で、まさか見出し下に隙間出来るとかあるわけ…（Google先生で検索）…あったよ( ﾟдﾟ)
そんな時はたいていIE６自体が持っているスタイルシートで指定されたフォントサイズと行間が、自分のスタイルシートで指定したhightをこえてしまっているのが原因と思われます。
参考：IE6でhタグの下に出来る隙間｜CSS｜グラビカ学習帳
そうなのか…。なんという仕様なの…ホント爆発してッ｡･ﾟ･(ﾉ∀)･ﾟ･｡
ということで、参考を元に
|
1 |
overflow:hidden; |
してあげたら、隙間なくなりましたとさ…。
｡･ﾟ･(ﾉ∀)･ﾟ･｡
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/*IE6,IE7用のhack*/ h1{ \overflow:hidden; } /*ちなみにIE6だけに適用させたい時は*/ *html h1{ overflow:hidden; } /*IE7に適用させたい時は*/ *+html h1{ overflow:hidden; } |