ブラウザによる違いについて

先日スタイルシートを変更している中で色々なブラウザを試しに使ってみたんですが、使用するブラウザによってみんカラのブログや愛車紹介などのページのずいぶん見え方が違いますね；

私のページは「カスタマイズ」の中の「ブラック」をベースにしていますが、Firefoxで見てみるとなぜか「愛車紹介」の文章の部分が黒文字になっていて、背景も黒いもんだからちっとも見えない状態になっていました；；；

そこでスタイルシートを確認してみたら、該当する箇所の文字色の設定が「#000000（黒）」になっていることが判明。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
.CarPlate
{
border-left:0px solid #777777; border-right:0px solid #777777; border-top:0px solid #777777;
　　　　border-bottom:0px solid #777777; font-size: 14px;
text-align: left;
line-height: 125%;
padding: 0px;
background: #0E0E0E;
color: #000000;　←ココ
word-break: break-all; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

どうやらInternet Explorerではこのままでも白文字になってくれるようですが、Firefoxではスタイルシートのコマンドどおり黒文字にしてしまうようです；

直すのは簡単。
この部分を「#ffffff」（白）や「#cccccc」（灰色）にすれば見えるようになります。

しかしこれ、ベースに問題があるんだからみんカラの中の人にツーホーしてあげようと思ったら・・・
もう修正されてましたw

でもすでに修正前のスタイルシートをベースに作ってしまっていた人たちの分を、自動的に直してくれたりはしてくれません。
黒ベースで作ってる人は確認されてみてはいかがでしょう？


あと、大きい写真を貼った時にメニューバーが下にずれちゃう現象はInternet Explorerだけみたいですが、FirefoxやSafariはズレない代わりに写真の上にガッツリ乗っかってきますw

他にもいろいろ違いがあって面白いですよ。
ブラウザのシェアは依然としてIEが圧倒的ですが、FirefoxやSafariも最近かなりシェアを伸ばしてきているそうですから、暇な時に自分のページがどんな風に見えているか見てみるのもいいかもしれません。

ちなみに、神奈川で銀色のロードスターに乗っている温泉好きな方のブログをSafariで見るとなかなか衝撃的ですw