• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSで使う CLASSに関して)

CSSで使うCLASSに関して

このQ&Aのポイント
  • CSSのCLASSに関する質問です。外部スタイルシートで指定したクラスが、IEでは正常に表示されるのにFireFoxでは表示されません。
  • 外部スタイルシートで指定したクラスが、IEでは正常に表示されるのにFireFoxでは表示されない問題について、解決方法を教えてください。
  • CSSのCLASSを使って文字のカラーを指定しましたが、IEでは表示されるのにFireFoxでは表示されません。どうすれば両方のブラウザで正常に表示されるようになるでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • Bo_Bo
  • ベストアンサー率65% (97/149)
回答No.1

当方、Windows XP、Firefox 1.0 日本語版ですが、 色、太さ共に問題なく表示されます。 確認したソース: <html><head><title>TEST</title> <style type="text/css"><!-- .c5 { color:#FF9934; font-weight: bold; } --></style> </head><body> <span class="c5">文字</span> </body></html> ---- コロンやセミコロンの付け忘れや間違い。 綴り間違いなどは、ないですか。

takasebou
質問者

お礼

いま実際に使っている外部スタイルシートに置き換えてやってみたところ、スタイルシート自体にはきちんと動作しました。 そうすると実際のソースにはいろいろと沢山の記述があるのでその為かなと思います とりあえずどこに問題があるのか、一つずつソースを削って確認してみます。 ありがとうございます。

takasebou
質問者

補足

さっそくの回答ありがとうございます。 コロンやセミコロンのつけ忘れや間違いはないと思います。 いちおうスタイルシートは style.css というファイルに設定して最初に読み込んでいます。 <link rel="stylesheet" type="text/css" href="style.css"> を<HEAD>のタイトルの下に入れています。

その他の回答 (2)

回答No.3

質問で記述されている通りなら、IE、Firefoxとも問題なく表示されますが、例えば、color:#ff9934; の"#"が抜けて、color:ff9934; のようになっていると、firefoxでは、正常に表示されません。

takasebou
質問者

お礼

ありがとうございます。 #1さんに答えた通り、単純にそこだけ設定すると表示されていました。 他の部分が何かしら影響しているようです。。。

  • Bo_Bo
  • ベストアンサー率65% (97/149)
回答No.2

ソースの検証には、下記のサイトを利用すると不具合の発見が早いかも 知れません。 W3C HTML構文検証サービス(英語) http://validator.w3.org/ W3C CSS 検証サービス http://jigsaw.w3.org/css-validator/

takasebou
質問者

お礼

ありがとうございます。 チェックしてみましたが、どうやら構文には特別な間違いはないようです……

関連するQ&A

専門家に質問してみよう