ファイアーフォックスとＩＥのブラウザ表示

ファイアーフォックスとＩＥではブラウザの表示に違いが若干あるようです。ブラウザごとに自分のブログやサイトがどのように表示されるかは、ブラウザをインストールしなくても確かめることのできるサイトもあったりします。

（追記：無料サービスは終了したようでURLは削除しました。）

このブログもファイアーフォックスをインストールするまではきずかなかったのですが、リスト表示している部分に大きな空白ができていたようです。ブログやサイトをもっている人は一度確かめてみるといいと思います。

ファイアーフォックスのリスト表示

ファイアーフォックスをインストールしたのち、このブログのリスト表示にしてある最新記事一覧の部分に空白があいていることに気ずいたのですが、なんとか修正できたようです。

ＩＥ７の時

ファイアーフォックスの時

これはulなどのリスト表示の箇所でリストボタンをどのように表示するかの違いがＩＥとファイアーフォックスで生じるらしく、ブログをカスタマイズしている人は確認した方がいいかもしれないです。ファイアーフォックスとＩＥでの違いでこの点を統一してもらえればと思うのですが、あとはどちらのブラウザでもほぼ同じように表示されるようです。

修正方法はいまいち今でもよくわかりませんが、リスト表示の部分を1em空けた感じにしてみました。ulのスタイルシートにmargin: 0 0 0 1em;を記入した感じです。正しい方法かはわかりませんが、両方で表示の違いがなくなったんでとりあえずはこれでいこうと思います。