外部から読み込んだCSSとヘッダに書いたCSSでフォントサイズの表示が変わってしまう
Win IE6にて、外部から読み込んだCSSとヘッダに書いたCSSでフォントサイズの表示が変わってしまいます。
下のようにヘッダに書いた場合のフォントサイズが、
外部CSSにのみ同じように書いた場合に比べて小さくなります。
---------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テスト</title>
<link href="test.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="all">
<!--
#a .b {
font: 70% "MS Pゴシック", Osaka; color: #333333;
}
-->
</style>
</head>
<body>
<div id="a">
<div class="b">表示のテストです</div>
</div>
</body>
</html>
-----------------------------------------------------
外部CSSに書いた場合でも小さく表示させるようにするには
どうしたらいいでしょうか?
また、小さくなる原因はわかりましたらご教授願います。
お礼
ありがとうございます。 もっと勉強が必要のようです。がんばります。