IE6でのバグ解消
サイトのデザインをTableからCSS制御に変えて困っているのがIEちゃん。IE6ちゃんにはほんと悩まされています。カラム落ちから始まって、画像のズレやらなんやらかんやら。
とりあえず解決して役に立ったことだけメモ。
- IE6ではmarginとpaddingを使うな
使ってはいけないわけではないんだけど、marginとpaddingの処理がおかしいので、その対策をするよりは使わずレイアウトを整えるほうが早い。
使わないでレイアウトをしたらカラム落ちはなくなりました。 - floatを使っている場合、タグにコメントを2行続けて入れると、右側カラムの表示がおかしくなる
例えば
<!-- end -->
と書くと右カラムの画像がずれたりするので、いっそのことコメントを消すか、コメントを1行にする。
<!-- ========== -->
半日調べて、まさか！と思いましたが、コメントを消すとレイアウト崩れが直った。 - divをmargin: 0 auto;で中央寄せできない。
text-align:center;と書いてescapeしろと。もしくは、直接センタリング。
とりあえず現段階ではなんとか見れるようになりました。あとはリストの処理が問題として残っていますが、レイアウトの大きな物をまずは片付けたので、ちょっと休憩。
応援CLICK → 
