miraiz
ウェブ関係2009-12-10

IE共通の9つのバグを解決する方法

iebugs

IE共通の9つのバグを解決する方法

Webサイト制作に携わっている方ならぶち当たったことあると思います。

IEのバグ・・・これ、悩まされますよね・・・。

CSSの解釈がここまで違うのかと・・・。

海外サイトですが、まとめられていたのでご紹介。

このfixの仕方知ってるよ!なんて仰らずに・・・

CSSの予習・復習のつもりで見てみてくださいな。

1. センタリングが効かない問題

解らなかった時はなんでだぁ~!!と叫んでしまいました。

2. 横に並べたいリストが階段状になってしまう

最初はリストが横に並ぶ事さえ知りませんでした・・・。

3. ダブルマージンフロートバグ

こいつにも随分悩まされました・・・

4. heightの高さ指定が効かないバグ

・・・

5. overflow:autoのバグ

なぜそうなるのか意味がわかりませんでした。

6. ボックス要素のサイズにパディングが付与される問題

こいつにも随分悩まされました。解ってしまえば簡単です。

7. min-heightの指定方法

!importantもIE6hackもどっちもよく使いますね。

8. フロートレイアウトのバグ

一時期、floatが嫌いになりました。

9. リスト要素間のスペースが出来てしまう問題

「これは仕様です」と言い聞かせました。

上記9つのバグの解決法が具体的にまとめられています。

9 Most Common IE Bugs and How to Fix Them


コメントをどうぞ