ホームページ作成時にフォントのサイズが変わってしまいます。

質問

現在メモ帳でホームページを作っています。ＣＳＳでデザインを決め、作っているのですが、なぜか文字のサイズが小さくなっていきます。おなじ＜ｈ＞や＜ｐ＞タブで文字のサイズを固定しているのに、同じタグで区切った文章の文字が、ページの下に行けば、下に行くほど上で区切った文字の文字の大きさよりも小さくなっていきます。何が問題なのか分からず困っております。分かりにくい質問ですが、どなたか文字の大きさを変化させない方法をご存知でしょうか？使用しているＯＳはＸＰ、ブラウザはエクスプローラーです。

回答No.1

noname#20377 · ベストアンサー

補足要求します
ソースがほしい・・・
IE6だとこんなバグもあるけど・・・
http://cssbug.at.infoseek.co.jp/detail/winie/b048.html

#IE 7 beta 3でも再現しました。

お礼

原因が分かりました。タグを使う時に、＜ｈ１＞を使った時には＜/ｈ１＞でくくらないといけないのに、＜/ｈ＞のみで閉じたりしていたため、その後の文字にそれが反映されていたという初歩的なミスでした。
　himajin3500さんのアドバイスも覚えておきたいと思っております。ありがとうございました。

補足

ＦＩＲＥ　ＦＯＸで表示を確認してみたら、きちんと表示されていました。参考ホームページとはどうやら症状が違うようですが、文字サイズを拡大してみると今度は逆に下に行けば下に行くほど文字が大きくなっていきました。ＦＩＲＥ　ＦＯＸではきちんと表示されていましたのでソースに問題はないようです。これもバグのようですね。ちなみに、文字のタグを＜ｈ番号＞から＜ｐ　ｃｌａｓｓ＝”番号”＞にすると文字が小さくなっていく問題は解消されました。
h5{
text-align:center;
font-size:0.95em;
color:#ffffff;
margin-top:1px;
padding-top:10px;
padding-bottom:20px;
padding-left:0px;
}
p{
font-size:1em;
line-height:1.5em;
color:#6600cc;
margin-top:1em;
margin-bottom:1em;
}
これをつかって交互に文章を書いていたら下に行けば下に行くほど文字が小さくなっていきました。

回答No.2

chinensis

＃１の方が回答されているURLにあるとおり、「em」指定がネストする構造ではご質問者様の指摘された現象がIE6.0では起きるようです。

＞分かりにくい質問ですが、どなたか文字の大きさを変化させない方法をご存知でしょうか？
解決策としては、「em」指定を「%」指定に変更すると大丈夫なようです。
※ちなみに自分は仕事にcssを使用していますが、必要な時は常に「em」ではなく「%」を使用しているので、ご質問者様の指摘された現象に遭遇したことがありません。

補足

原因が分かりました。タグを使う時に、＜ｈ１＞を使った時には＜/ｈ１＞でくくらないといけないのに、＜/ｈ＞のみで閉じたりしていたため、その後の文字にそれが反映されていたという初歩的なミスでした。chinensisさんのアドバイスも覚えておきたいと思っております。ありがとうございました。