ファイアーフォックスとＩＥのＣＳＳズレ

無料ブログでスタイルシートをカスタマイズするときにかなりやっかいなのは、ファイアーフォックスとＩＥでズレが生じてしまうことではないかなと思います。

現在、インターネットでＩＥのブラウザを利用している人がとても多く、約８割から９割ほどはＩＥを利用していると聞いたことがあります。

アクセス解析をみてみても、どのブログでもだいたい、ＩＥが多く、特にＩＥ６の割合が非常に多いです。

わたしはファイアーフォックスを使用しているので、ファイアーフォックス上では通常に表示されていても、ＩＥでみてみるとぐだぐだになっていることが結構多いです。

インターネットを利用している人のうちの大半がＩＥということを考えると、ファイアーフォックスで正常だからといって、ＩＥのズレを無視することはやっぱできないかなって思います。

ＩＥバグと W3C valid の必要性

ファイアーフォックスの方はＷ３Ｃにわりと忠実なようで、どちらがバグかといえば、やはりＩＥの方がバグということになると思います。

実際、ファイアーフォックスのバグっていう人はあまりいないようで、ＩＥのバグという言い方をしている人が多いみたいです。

そう考えると、やっぱ、こういうときのためにＷ３Ｃのような機関は必要だよなって思います。それぞれの会社がそれぞれのやり方でブラウザを作っていったらブログカスタマイズもかなりめんどくさいです。

ＩＥのバグはたくさんありますが、なかでもフロートで指定した際のマージンの値が通常の２倍になってしまうのは非常に頭がいたいところです。

私は margin で設定している箇所をゼロにして、パディングなどで代替して調整してますが、あっちをなおしたら、こっちがずれるっていう感じで「キーッ！」ってなってしまいます。

無料ブログをカスタマイズする際もいちいちブラウザをあっち開いたり、こっち開いたりって感じで非常にめんどくさいです。

そういう意味で、やはり、W3C valid に対応させるっていうのは重要なんだろうなって思います。

このブログもちょこちょこ修正してはいるのですが、ＩＥでズレっぱになっているところがあったりしてやっぱ修正しなきゃなって思ってます。

そんなわけで、無料ブログでスタイルシートをカスタマイズする際はＩＥのバグがあるので、マージンやパディングなどはあまり変えない方がいいのかなって思います。

以前にリストタグのバグでかなりの時間がかかってしまったのですが、ちょくちょくズレているところもまだあったりしてＣＳＳのカスタマイズって難しいなって思います。

ＩＥ７ではかなり修正されたようなので、確認しているのはＩＥ６とファイアーフォックスだけなのですが、数％の割合でほかのブラウザを利用している人もいるようなので、今度そっちも調べてみようって思ってます。

このスタイルシートの修正ツールみたいなのもあってもよさそうなものですがないようです。出てきたらたぶん、かなりヒットするんじゃないかなって思うんですが、やっぱ手作業で修正するしかないのかなって思います。