仕方ないからIE6対応にする
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のことをググってたら、Rif.(1st?)に行き当たり、WPってすごいな(デザインとか)と思ったのが、私がWPに移行するきっかけになったのです。
私にとっては特に思い入れのあるブログに、記事を載せていただき感謝、感激!
これからもよろしゅう、お願いします。
失礼しました
junonさん、はじめまして。
junonさんが「Tech de Go」の方だと気が付いたのはつい最近で、「Tech de GO」のプロフェッショナルな記事をいつも参考にさせていただいています。
こちらこそ、コメントしていただいて恐縮です。
「Tech de Go」は、記事タイトルを画像にする記事で知りました。
これ、Wordpressのプラグインにならないかなーってずっと思ってましたら、なってしまったので感動しました。
残念ながら、このBinaryBlueのテーマだとエラーが出てしまっていまだに導入できないでいるのです。
記事タイトルだけなら他にもプラグインがありますが、実は、サイドバーのタイトルにも使いたかったので、かなり導入しようと時間を費やしたんですよ。
また時間のある時に挑戦してみようと思います。
こちらこそ、これからよろしくおねがいします。