[CSS]IE4 for winで.cssファイルが効かない
[上に]
[前に]
[次に]
ystm
[E-Mail]
2000/03/08(水) 02:47:05
IE4 for winで.cssファイルの効果がまったく現れなくて困っています。ちなみにIE5だと、狙い通りの表示ができています。どこか記述方法に誤りがあるのでしょうか?ご教授戴けると大変ありがたいです。
htmlファイルからの.cssファイルの呼び出しは、
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
.cssファイルとしてはこんな感じです。
.title{
font-family:MS ゴシック,Osaka-等幅;
font-size:1.6em;
line-height:150%;
letter-spacing:-0.8px;
}
.normal{
font-family:MS ゴシック,Osaka-等幅;
font-size:1em;
line-height:120%;
letter-spacing:-0.5px;
}
.small{
font-family:MS ゴシック,Osaka-等幅;
font-size:.8em;
line-height:150%;
}
.tiny{
font-family:MS ゴシック,Osaka-等幅;
font-size:9px;
line-height:160%;
}
.normal_normal{
font-family:MS ゴシック,Osaka-等幅;
font-size:1em;
line-height:120%;
letter-spacing:-0.5px;
color:#cc0000;
text-decoration:none;
}
.tiny_normal{
font-family:MS ゴシック,Osaka-等幅;
font-size:.5em;
line-height:160%;
color:#cc0000;
text-decoration:none;
}
.small_normal{
font-family:MS ゴシック,Osaka-等幅;
font-size:.8em;
line-height:150%;
color:#cc0000;
text-decoration:none;
}
.small_not{
font-family:MS ゴシック,Osaka-等幅;
font-size:.8em;
line-height:150%;
color:#cc0000;
text-decoration:none;
}
.small_selected{
font-family:MS ゴシック,Osaka-等幅;
font-size:.8em;
line-height:150%;
color:#663366;
text-decoration:none;
}
.small_white{
font-family:MS ゴシック,Osaka-等幅;
font-size:.8em;
line-height:150%;
color:#ffffff;
text-decoration:none;
}
EMI
2000/03/08(水) 04:09:27
MS ゴシック、Osaka-等幅などは、引用符で囲む必要があります。
あまり関係ありませんが、スタイルシート論争のトピックで話題になってますけどsmallやtinyなどのクラス名は感心できません。
てきとー
2000/03/09(木) 01:59:19
記述方法の誤りは、CSSの文法的には、EMIさんが仰るとおり
>MS ゴシック、Osaka-等幅などは、引用符で囲む必要があります。
なので、それが原因で意図通りにならない可能性があります
。
で、それを正しくした上で意図通りにならないとしたら、それはM$IE4.xのCSSのサポート状況が今一つだ、ということが原因になるはずです。
尤も、どんなHTML文書に適用して、ystmさんがどのような表示を意図しているかに依存するかも知れませんが、URLとかが無いのでその辺の判断はしかねます。
瀬良
[E-Mail]
2000/03/09(木) 13:13:41
_ (アンダーバー?)を含む class 名は、 MSIE4.0x では正常に解釈されず、MSIE5.0x なら解釈されるという現象はあります。
ゆえに、(本来は _ を含めてもよいのですが)_ を使わない class 名にすることも、現時点における1つの対処法かもしれません。
ystm
[E-Mail]
2000/03/13(月) 19:08:20
[[解決]]
ご回答頂いたみなさま、ありがとうございました。
とりあえず意図した表示ができるようにまりました。
[上に]
[前に]
[次に]