IEとFirefoxでのフォントの大きさが違う
デザイン、Cool Blackですが、IEとFirefoxとで記事本文のフォントサイズが
大きく違ってしまいます。
タイトル、サイドバー等、記事以外のサイズは同じに見えます。
どのようにスタイルシートに記述すれば解決できるかご教授いただけるでしょうか。(CSSをいじるのは今回が初めてです。)
よろしくお願いします。
回答(1)
1.

スタイルシートで、
font-size:ここに大きさ;のようになっている所が文字サイズを指定しているところです。
記事部分だと、
.mainとかなっている部分じゃないかと思います。
フォントのサイズは、普通、相対的なサイズで7段階で表示されます。
その相対的なサイズの割り当てが、ブラウザによって異なると観るブラウザによってサイズが変わってきます。
このような場合に、サイズを相対的な指定でなく、絶対的な指定ですると、同じ大きさで表示されるようになります。
例えば、
font-size:12pt;のようにポイントで文字サイズを指定すると、同じような大きさで表示されるようになります。
コメント(3)
回答ありがとうございます。
.mainは見つかりませんでしたので、
一つづつそれらしいfont-sizeを絶対値指定に変えてみたのですがうまくいきませでした。
そこでブラウザからソースを表示して、fontで検索をかけると
1箇所、記事本文の直前に
<div style="text-align: left;"><span style="font-size: small;">
とありました。
smallはIEでは16、Firefoxでは13のようですね。
たぶんこれのせいだろうと思い、
スタイルシートをsmallで検索かけてみましたが該当せず、
また行き詰ってしまいました。
またアドバイスいただけたら有難いです。
解決しました。
ブログを投稿するときにHTMLソース編集出来たんですね。
<span style="font-size: small;">
を削除したところIEでもFirefoxでも思った通りに
表示されるようになりました。
自己解決されて良かったデス。
記事の中にフォントのスタイル指定がされていたのですね。
スタイルシートでの指定より、タグに直接の方が優先されてしまうので、そこを直すよりないですね。
そういうこと(デザインでなく記事中とか・)は、
回答する側には、判断がつきませんので、
できれば、ブログのアドレスを提示されるといいかと思います。




