firefoxとIEでの表示の不思議な違い。。

質問

解決できず悩んでいます。。
どなたかお力を貸してください。。。

http://doragons08.blog94.fc2.com/
こちらのブログなのですが、

(1)リンクにある、「中日ドラゴンズ徹底リンク集」という文字の表示が
firefoxでは一行で表示されるのに対し、IEではリンク集の「集」の文字だけ二行目にいってしまうのですが、なぜでしょうか？

(2)各記事の下にある、「カテゴリの名前」と「コメント」のリンク色が
IEでは設定したとおりの色で表示されるのですが、
firefoxだとなぜか青色で表示されてしまうのですがなぜなのでしょうか？

わかる方、ご回答お願いいたします＞＜；

回答No.2

himajin100000 · ベストアンサー

(1)
>IEではリンク集の「集」の文字だけ二行目にいってしまう
当方ではIE8互換モードですら再現しない

(2)
>青色で表示されてしまう
IE8標準モード, Minefield(firefox 3.7a2pre)で再現

>a:link{ /* この行の最後にU+3000(IDEOGRAPHIC SPACE)が入ってる */
/* 中略 */
}
それ以外は正常。なので閲覧履歴をブラウザ側に記録した状態で「コメント」をクリックしてからこのページに来ると色は変化している。

お礼

ご回答ありがとうございます！
(2)はスペースのせいでa:linkの設定が適応されていなかったのですね！

解決できました。
本当にありがとうございました☆

回答No.1

uriboar

大抵のブラウザは、フォントのサイズや、リンクの色をユーザーが好きなように設定できるようになっていますし、サイトの設定を無視するようにもできます。
当然、標準の設定もブラウザによって違います。
よって、質問文のような違いが出るのは当然ですし、気にしても特に意味はないです。

お礼

素早いご回答ありがとうございます。

(1)についてですが、
では、他のサイトさんの一行の文字数を見ると、
IEとfirefoxで同じ長さで同じように表示されるのはなぜなのでしょうか？？

(2)についてですが、

ＣＳＳに、a:link{　
color: #b8cfff;
text-decoration: none;
}
a:visited{
color: #b8cfff;
text-decoration: none;
}
a:hover{
color: #b8cfff;
text-decoration: underline;
}
a:active{
color: #b8cfff;
text-decoration: underline;
}

という設定をしているにもかかわらず、
この#b8cfffの色で表示されないのは仕方がないということでしょうか？