スタイルシートが効かない

解決済

質問者：eanak---
質問日時：2006/03/29 14:30
回答数：3件

bodyに以下のスタイルを適用しています。
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: 'Arial', 'ＭＳＰゴシック', sans-serif;
font-size:12px;
line-height:150%;
color:#333333;
}

フォントサイズを12にしているのですが
別のフォントサイズとしてクラスで10pxを指定しても
WindowsIEだと、10pxに表示されません。

また、bodyの12pxの指定をはずしても
10pxの指定が反映されませんでした。

ただし、16pxなど他のクラスだと反映されます。

10pxが反映されない理由が分かりません。
どなたかお分かりになる方
いらっしゃいましたら、ご教授願います。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： kuji1868
回答日時：2006/03/29 15:33

半角英数字は10pxになるけど、全角はダメなんですよね。

でもfont-familyをＭＳＰゴシックを一番目に書くと大丈夫です。
ただし、arialではなくてＭＳＰゴシックが優先されるので、
半角英数字がarialで表示されなくなると思います。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
順番を入れ替えて、見事成功しました！！

こういうことなんですね。
勉強になります。

改めて、ありがとうございました。

通報する

お礼日時：2006/03/29 15:48

No.2

回答者： shinkun0114
回答日時：2006/03/29 15:22

文字サイズ指定にはpxも使えます。

試しに以下のソースを作ってIEで表示してみましたが、ちゃんと反映されますよ？
bodyのスタイルシート指定は、質問者さんのものをそのまま貼りました。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<STYLE type="text/css">

</style>
</head>

<body>
10px 
12px 
14px 
16px 

</body>
</html>

- 0
- 件

通報する

この回答へのお礼

ご回答いただきありがとうございます。

Dreamweaverで試したところ、
操作画面では反映されているのですが、
プレビューすると12pxと10pxが同じフォントサイズになっています。

これは私のブラウザの問題なのでしょうか？
お分かりになりましたら、教えていただけると助かります。
よろしくお願いします。

通報する

お礼日時：2006/03/29 15:32