IEチェックをしていてIE7ではうまくdisplay:inline-blockが効かないことってなかったですか?いわゆるIEのバグらしいんですが・・・。
サイト制作の過程でIEチェックすると思うんですがいつもこういったバグで時間がかかってしまうんですよね・・・。
なのでちょっと前のニュースでIEにセキュリティ上の欠陥が見つかったというニュースが流れた時は嬉しかったですね~。
WEB製作者は皆さんそう思ったんじゃないでしょうか?
ということはおいといて・・・・。
display: inline-block; ってfloat以外で横並びにさせるのにとっても便利ですが、IEでは上手く動かないことがあります。
IE7ではブロック要素に対しては全く効かないといったことがあります。
なのでそういった要素には下記のようにCSSで適用させてあげれば解決できると思います。
IE7でinline-blockを適用させる
*:first-child+htm 指定したい要素{ display: inline; zoom: 1; }
IEチェックの際の修正に役立ててもらえばと思います。
コメント