IE8のmax-heightのバグ?

up:

IE8のmax-heightがおかしい

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

IE8
内容が多くても少なくてもmax-heightの高さで表示される
IE7
内容がmax-heightより少なければその高さで、max-heightより内容があればmax-heightの高さでoverflowされる

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

と思ったら

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

  • [画像]IE8RC1での表示サンプル

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

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