お客さんに指摘されて初めて知った。

MT5はIE7以下をまったく考慮しないで管理画面などもマークアップされている。

お客さんがIE7環境なので、ちゃんと崩れないようにしてほしい、
という要望があったので、直した。

一番ひどかったのがカテゴリの表示

↓こんな風につぶれちゃう。

mtcategorykuzure

見た感じ、これ、floatの解除で失敗してるときによく見るやつだね。


なので、この部分をcssで表現している部分を探してきてなおすことにします。

クロムの右クリックで「要素を検証」を使うとそのcssがわかりやすい。


んで、見てみると、この部分は、

main.cssの

.sortable-item

という部分らしいことがわかる。


そこで、FTPで

mt-static/css/main.css

を落としてきて、

126行目にあった.sortable-itemの中に

/zoom:1;

を追加。

 
cssを見てみると案の定、floatの解除をafter擬似クラスを使ってやっていた。
(IEの古いのではafter擬似クラスが使えない)

なので、同様の崩れがあったら、

①そこのcssを見つける
②/zoom:1;を入れる

で解決できるよ。