- ベストアンサー
CSSでhタグのフォントの大きさを変更したいがfirefoxではその変更が反映されない
hタグのフォントの大きさを変更したいのですが、firefoxではその変更が反映されず困っています。IEでは変更が反映されます。よろしくお願いします。
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
スタイルの閉じ忘れですね。 .index_counter { font-size: 13px; line-height: 1.3; .index_hyo { font-size: 14px; line-height: 1.4; } cssファイルに上記のような記述があります。 .index_counterのほうが閉じられていないため、 それより下のスタイルが無効になってます。
その他の回答 (6)
- kuzumiHK
- ベストアンサー率72% (132/183)
ということはForefoxの設定の問題ではなさそうですね。 それでは反映されないファイルの一番下に h2,h2.midashi2{font-size:14px !important;} を追加した場合、反映されますでしょうか。 (1)もし反映されたら、 .midashi2に指定されているfont-sizeよりも強いスタイルが、 どこかにあるということなので、。 *かh2か.midashi2に指定されているスタイルを一度すべて取り除いて、 ↓を指定してみてください。 .midashi2{font-size:14px;} それで反映されれば、取り除いた部分のどこかに原因があります。 (2)もし、反映されなかったら、 ソース自体の記述ミスの可能性があります。 思いつくところでは、 <style type="text/css"> <meta http-equiv="Content-Style-Type" content="text/css"> <link href="hoge.css" rel="stylesheet" type="text/css" media="all"> あたりが怪しいです。このソースと違いを見比べてみてください。 また、閉じ忘れなども原因になりえるので、 headのソースを一度すべてはずし、 1行づつ追加して行って反映されなくなったところを、 探すと早いかもしれません。
補足
回答ありがとうございます。回答いただいた部分にわからないところがあり、ご説明いただけたら幸いです。 ＞それでは反映されないファイルの一番下に ＞h2,h2.midashi2{font-size:14px !important;} ＞を追加した場合、反映されますでしょうか。 反映されないファイルの一番下とは、CSSファイルの一番下にコピーペーストし適用させて反映を試すということでしょうか？ ＞ソース自体の記述ミスの可能性があります。 ＞思いつくところでは、 ＞<style type="text/css"> ＞<meta http-equiv="Content-Style-Type" content="text/css"> ＞<link href="hoge.css" rel="stylesheet" type="text/css" ＞media="all"> ＞あたりが怪しいです。 私の使用しているコードは違うようです。ここが問題かもしれません。詳しいコードの知識がなく、ドリームウィーバーに頼って作成している部分があり、問題を解決するには、もう少し時間がかかりそうですが、問題のサイトを掲載しますので、もしヒントをいただけたら幸いです。問題のサイトhttp://www.hoken-johokyoku.com/ ＞また、閉じ忘れなども原因になりえるので、 ＞headのソースを一度すべてはずし、 ＞1行づつ追加して行って反映されなくなったところを、 ＞探すと早いかもしれません。 ここの部分もう少し詳しい説明をお願いできればと思います。headをはずし、その後、一行ずつ追加するとはどのような作業でしょうか、アドバイスいただければと思います。
- kuzumiHK
- ベストアンサー率72% (132/183)
ためしに下のソースでは反映されますか？ <html> <head> <style type="text/css"> <!-- h2{font-size:14px;} --> </style> </head> <body> <h2>あああああ</h2> </body> </html>
補足
回答ありがとうございます。 反映されました。
真逆とは思うが、Firefoxにユーザーズスタイルシートを最優先適応してるなんてオチは無いのでしょうか？
補足
ツールバー「表示」内の「スタイルシート」の「標準スタイルシート」部分のことですよね？ チェックがちゃんと入っていますが、うまくいきません。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
いやはや・・・ これで適用されないとはちょっと考えられない。CSS中に全角文字とか混じってないですか？CSSが適用されていないとすれば、たとえば color:red; とかを追記すればわかる。 何でわざわざ、見出しを示すh1～h2にclassをつけるのか判らないです。 <style type="text/css> <!-- h2,h3,h4,h5{font-size:14px} --> </style> だけですみますけど・・・classなしで、 ★なお、font-weight: bold;はh1～h6のデフォルトなので不用。 また、たとえ他の部分でh2,h3,h4,h5があったとして、そそれと区別したけりゃすべて <h2 class="midashi">見出し</h2> <h3 class="midashi">見出し</h3> <h4 class="midashi">見出し</h4> <h5 class="midashi">見出し</h5> として、 .midashi{font-size:14px;} とすりゃすむ。classとは、クラス(仲間)だからね。 補足 ＞「h1」は私のサイトは画像になっているのでCSSで定義せず、 ・・・画像の代替文字をきちんと書いておかないと・・・ 画像をそのままh1に入れると前後のマージンとか・・ <h1><a href=""><img alt="見出しレベル1"></a></h1> または、 <h1><a href=""><img alt=""><span>見出し1</span></a></h1> として、h1 span{display:none;}とかにすべき。
補足
すばやい返答ありがとうございます！ アドバイスのように「color:red;」を入れ試しました。 IEではちゃんと反映されます。しかしfirefoxでは反映されません。 アップロードしたら反映されるか試してみましたが駄目でした。 <style type="text/css> <!-- h2,h3,h4,h5{font-size:14px} --> </style> も試してみました、これもIEは反映されるのですが、firefoxでは駄目です。自分のfirefoxの設定がいけないのか考えましたが、他人のサイトでは見出しのフォントサイズの変更が反映されているので、設定は関係ないのかと思われます。他に考えられることはあるのでしょうか。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
普通はありえません。 どう設定したかを示していただかないと・・・ h1{font-size:2em;} とか・・
補足
.midashi2 { font-size: 14px; font-weight: bold; } .midashi3 { font-size: 14px; font-weight: bold; } .midashi4 { font-size: 14px; font-weight: bold; } .midashi5 { font-size: 14px; font-weight: bold; } のように記述しました。 h2にCSSの「midashi2」を、h3にCSSの「midashi3」を、、、というふうに適用させています。 ドリームウィーバーMXの「CSSスタイル」で操作して記述したので、間違いはないかと思いますが、色々とグーグルで検索してみたのですが、解決方法がみつかりません。よろしくお願いします。 ※ 尚、「midashi1」が無いのは、「h1」は私のサイトは画像になっているのでCSSで定義せず、直接、＜h１＞＜a href＞○○＜/a＞＜/h1＞と入力してあるためです。
- os6v100i
- ベストアンサー率44% (16/36)
どのように記述したのか、示してもらわないと誰も解答できないと思いますよ？
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
kuzumiHK様 解決しました！ CSSファイルの指摘箇所を訂正したら適用されました。 IEではちゃんと反映されていたので、気づきませんでした。 これまで迅速で丁寧なアドバイスをいただき本当にありがとうございました！