
なんだこの下のスペースは。
互換表示にすると消えるので、IE8 だけで発生する模様。
そこでさっそく新機能の開発者ツールを使う。
すると IE8 モードだと
html: 842 x 532
body: 838 x 528
div: 821 x 528
object: 821 x 528
だが、互換表示だとすべて 838 x 528 になっていることがわかった。つまり、html がなぜか 4 x 4 だけ太っているようだ。div が細くなっているのはたぶんスクロールバーの分。
上の画像だと 4px 以上の高さがあるように見えるが、Safari 対策用の iframe のスタイルに { display: none; } を加えると、スペースは小さくなって高さ 4px になる。なおこの iframe 、IE8 モードだと 5 x 532 のサイズになっている辺りが謎 (width と height は 0 に指定してあるのに) 。
ひとまず html, body { overflow: hidden; } にして回避することにする。
スポンサーサイト