Rif.3rd

IE6君の為に試行錯誤よ

今更ながら、後回しにしていたIE6にCSSを対応させました。
まだ若干（見る人が見ればカナリ！）問題はありますが、まぁゆっくりまったりでもいいじゃないか！

CSS

IE6で表示が崩れていた主な原因はmax-widthでした。
私の場合は画像をmax-width:100%;で大きな画像も勝手に治まるように設定していましたが、IE6では対応していないということをすっかり忘れていました。

IE6用にはJavaScriptのexpressionメソッドを使用して適用する。

* html #container { width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”); }

ちなみにexpressionメソッドはIEに特有のもの（ダイナミックプロパティという）なので他のブラウザでは無視されるものの、余計なコードを読み込ませないように、「* html」hack（IE6以下だけに読み込ませるハック）を使用して分離するのが吉。

via: IE6でmin-width,max-widthを実装する：CSS | Tech de Go

上記サイトを参考に、通常のCSSに

/* Support for Inferior Exploder */
@import url('Ie6Hacks.css');

と付け加えてIE6_Hacks.cssを作ることにしました。

その他、IE6に対応させたいCSSをすべてこちらに書いて修正していくとどうにかなるものですね。
PNG画像はGIFに、とか。

Theme

themeのBinaryBlueもV.1.4.1へバージョンアップしました。
これはWP2.2に対応させたものでは無くて、XSS問題に対応させたものです。WP2.2だと表示が崩れるのでWordPressは2.1.3のままです。

Plugin

それでもquicktags.jsにエラーが出るのでbleuさんに教えていただいて
hiromasa.zone » WordPress 2.2 の新機能 (2)の通りにBinaryBlue の plugins.php を修正し、使用していた WP Comment Quicktags Plus | LMB^Box: Blog を外しました。

JavaScript

rollover JavaScript | Rif.2ndで使用していた画像のロールオーバーJavaScriptを外しました。
2007-05-27追記: JavaScript無しでトップに戻ることにしました。

ページの一番下からページの一番上に戻るボタンで使用していたonclickがIE6でエラーになるのでThe Tiny Scrolling | Central Scrutinizer (en. vers.)のJavaScriptに変えました。

まだいっぱいある多分。

you may want to subscribe to my RSS feed. Thanks for visiting!

関連する投稿

• WP Update Manager plugin (0)
• Fuzzy Recent Updates Plugin (0)
• WP template tag memo (0)
• WP2.2.1 vs Timeline (9)
• WordPress TinyMCE 拡張 (0)

2007/05/25 CSS ,javascript ,PLUGIN ,THEME ,WORDPRESS DESIGN  Print This Post

• Technorati Tags: CSS , javascript , PLUGIN , THEME , WORDPRESS
• Del.ici.ous tag: CSS , javascript , PLUGIN , THEME , WORDPRESS