IE6用にCSSを書き換える
MTサイトのWidget化、45%ぐらい進んだと思われる。
今日はトップページのセンターカラムをWidget化した。
さて、前々から気になっていたことがある。
IE6とFireFox1.5とでは、表示のされ方が違う。
CSSがうまく反映しないのだ。
私はFireFox1.5をメインブラウザに使用しているので、あまりIEで閲覧することはないのだが、サイト閲覧者のほとんどはIE6なので、さすがに無視することはできない(というかついさっきまで無視してきたのだが)。
なぜか
で定めた色やインデントが反映されない。また、あるクラス属性も無視される。
FireFoxではきちんと反映されるのに!
で、その原因が長らくわからなかった。
が、ひょっとしたら、という思いつきをCSSファイルに書き込む。
その方法とは、二重に定義する、だ。
こんな風に。
blockquote { background: #f6f6f6; }
.entry blockquote { background: #f6f6f6; }
entryクラスを使用した場所に限ってblockquoteのCSSが効かないので、強引に効かせるようにした。
結果、うまく反映された。
FireFoxも崩れはない。