- ベストアンサー
スタイルシートが効かない
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が反映されない理由が分かりません。 どなたかお分かりになる方 いらっしゃいましたら、ご教授願います。 よろしくお願いします。
- eanak---
- お礼率80% (66/82)
- その他(業務ソフトウェア)
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- shinkun0114
- ベストアンサー率44% (1553/3474)
文字サイズ指定には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"> <!-- 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; } --> </style> </head> <body> <span style="font-size:10px">10px</span><BR> 12px<BR> <span style="font-size:14px">14px</span><BR> <span style="font-size:16px">16px</span><BR> </body> </html>
お礼
ご回答いただきありがとうございます。 Dreamweaverで試したところ、 操作画面では反映されているのですが、 プレビューすると12pxと10pxが同じフォントサイズになっています。 これは私のブラウザの問題なのでしょうか？ お分かりになりましたら、教えていただけると助かります。 よろしくお願いします。
- raven497
- ベストアンサー率26% (4/15)
fontの場合はpxではなくptだと思います。 16で有効というのが気になりますが。
お礼
ご回答いただきありがとうございます。 いままで、pxで指定できていたので困惑しています。 では、pxで指定したい場合はどのように書けばよろしいのでしょうか？ 教えていただけますでしょうか？
お礼
ありがとうございます！ 順番を入れ替えて、見事成功しました！！ こういうことなんですね。 勉強になります。 改めて、ありがとうございました。