memo

IE8のmax-heightがおかしい

少数ながらIE8を使ってサイトを見てる方もいるようなので、IETesterで今までしてなかったIE8での確認をしてみたところ、どうもpreの表示がIE8だけおかしい。いくつかのテンプレートではpreにmax-heightを指定して、適当な高さになるとそれ以上は縦スクロールするようにしてるのだけど、IE8だと最初からmax-heightの高さ分の領域を確保してしまうようだ……？

テンプレート使う人で、pre活用する人ってそれほど多くないだろうけど、別場面でmax-height使うとき、留意しておくといいのかもしれない。正式版ではどうなっているかわかならいけど。

と思ったら

対処法を探そうとしたら、ミニマムコードでは思った通りの表示になってた。

再度検証をしてみたが、どうも横スクロールバーが出るとmax-heightの高さになるみたい。だから、overflow:scrollでも同様の問題が発生する。対処法は不明。

max-heightがあると互換表示になるというのもどっかで見たような。IE8プラスmax-heightは鬼門か？