
小粋空間さんのテンプレートでトップバナーを画像化したのですが、下に1pxほどの空間ができてしまいます、何故??
色々検索して調べてみましたが例が見当たりません、そこでまた小粋空間さんで質問したところ、CSSを下記に変更するようにアドバイスがありました。
#header {
padding: 14px;
border-bottom: 1px solid #669;
color: #999;
background: #8fabbe;
text-align: left;
height:100%;
text-indent:-9999px;
}
html>body #header {
padding: 15px;
}
*:first-child+html #header {
padding: 14px;
}
当然見ただけでは何のことか解らず、また調べてみたところCSSハックというらしいです、ブラウザによって表示の違いがあるので、そのブラウザが持っている「バグ」を逆手に取って上手く表示させる方法のようです、これはブラウザのバグだったのでしょうか?でも会社PC環境(IE6)でも同じように空白が入ってましたが・・原因は謎です。
BLOG × WORLD ENDING:CSSハック