livedoor ナレッジ

ブラウザを変えるとタイトル文字の大きさが変わってしまう

IEで見ると設定どおりに見えるのですが、
OPERAで見ると、大きくなってしまいます。

カスタマイズしていたら、
知らぬ間にそうなってしまっているのですが、
原因のわかる方がいらっしゃればと思い、
書き込んでみました。
なお、タイトル部のCSSは

.blogtitle{color:#fff4fa;　　　　
font-size:16px;

           padding:5px;

text-align:left;
　　　　　　font-weight:bold;}
です。
前の記事等検索すると
バナーとして設定するとあり、
試しました。
現在、バナーで設定した文字色が
タイトル文字色になっています。
(上のタイトル部きCSSで設定した色ではない)

バナーの大きさを変えればいいのでしょうか？
よろしくお願いします。
なおブログは

です。

あなたの設定に問題はないと思いますよ。（ 気になる部分はありますが ・・・ 後述します。 ）

ブログタイトルの表示がブラウザーによって違うのは、ごく当たり前の事です。IE、Saari、Netsape、Firefox、Opera や Windows、Mac などの閲覧環境の違いは、フォントサイズやフォントそのものの表示を微妙に変えていきます。

これを防ぐには、ブログタイトルを画像に変更してしまう事で、どのブラウザーから見ても同じように見えるようにできます。↓

http://blog.pekebatu.com/archives/50489864.html

一度試してみて下さい。(^^)

さて、気になる部分なんですが、CSS の中が綺麗に整理できていないようです。CSS も HTML も記述は綺麗に書き込むことが大事です。

.blogtitle{
｡｡｡｡｡｡｡｡｡｡｡｡color:#fff4fa;｡｡｡｡｡｡｡｡
　　　　　　　font-size:16px;
　　　　　　　padding:5px;
　　　　text-align:left;
｡｡｡｡｡｡｡｡｡｡｡｡font-weight:bold;
　　　　}

↑このようになっていませんか？

.blogtitle{
color:#fff4fa;
font-size:16px;
padding:5px;
text-align:left;
font-weight:bold;
}

↑このように綺麗にしましょう。他にも数ヶ所同じように、｡｡｡｡｡｡｡｡｡｡｡ が付いてある部分があります。まずはそれを整理してください。(^^)

フォントサイズをsmallや-1などで設定した時にIEで一回り大きく表示される事はあっても、pxで設定して他のブラウザで見た方が大きく表示される事はないんじゃないかと思います。

私が見た所（Mac OS X-Firefox）h1タグのデフォルトの文字の大きさ(24px？36px？)で表示されました。

おそらくAQさんの仰る通りCSSに余計な記述が含まれているのが問題なのではないかと思います。

IEの場合多少融通が聞きますが、他のブラウザは繊細です(笑)

似た様な例で全角スペースが入っていたりしても同様にIEでは大丈夫だけど他のブラウザではCSSが反映されないって事があります。