CSSでhタグのフォントの大きさを変更したいがfirefoxではその変更が反映されない

解決済

質問者：katsunof
質問日時：2009/02/27 11:57
回答数：7件

hタグのフォントの大きさを変更したいのですが、firefoxではその変更が反映されず困っています。IEでは変更が反映されます。よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (7件)

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

No.7ベストアンサー

回答者： kuzumiHK
回答日時：2009/03/03 22:31

スタイルの閉じ忘れですね。

.index_counter {
font-size: 13px;
line-height: 1.3;
.index_hyo {
font-size: 14px;
line-height: 1.4;
}

cssファイルに上記のような記述があります。
.index_counterのほうが閉じられていないため、
それより下のスタイルが無効になってます。

- 0
- 件

通報する

この回答へのお礼

kuzumiHK様

解決しました！

CSSファイルの指摘箇所を訂正したら適用されました。
IEではちゃんと反映されていたので、気づきませんでした。

これまで迅速で丁寧なアドバイスをいただき本当にありがとうございました！

通報する

お礼日時：2009/03/04 11:26

No.6

回答者： kuzumiHK
回答日時：2009/03/02 21:25

ということは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をはずし、その後、一行ずつ追加するとはどのような作業でしょうか、アドバイスいただければと思います。

補足日時：2009/03/03 20:15

通報する

- 0
- 件

通報する

No.5

回答者： kuzumiHK
回答日時：2009/03/01 12:02

ためしに下のソースでは反映されますか？

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h2>あああああ</h2>
</body>
</html>

この回答への補足

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

反映されました。

補足日時：2009/03/02 15:11

通報する

- 0
- 件

通報する

No.4

回答者： noname#100277
回答日時：2009/02/28 13:08

真逆とは思うが、Firefoxにユーザーズスタイルシートを最優先適応してるなんてオチは無いのでしょうか？

この回答への補足

ツールバー「表示」内の「スタイルシート」の「標準スタイルシート」部分のことですよね？
チェックがちゃんと入っていますが、うまくいきません。

補足日時：2009/02/28 13:52

通報する

- 0
- 件

通報する

No.3

回答者： ORUKA1951
回答日時：2009/02/28 01:47

いやはや・・・

これで適用されないとはちょっと考えられない。CSS中に全角文字とか混じってないですか？CSSが適用されていないとすれば、たとえば
color:red;
とかを追記すればわかる。

何でわざわざ、見出しを示すh1～h2にclassをつけるのか判らないです。
<style type="text/css>

</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>

</style>

も試してみました、これもIEは反映されるのですが、firefoxでは駄目です。自分のfirefoxの設定がいけないのか考えましたが、他人のサイトでは見出しのフォントサイズの変更が反映されているので、設定は関係ないのかと思われます。他に考えられることはあるのでしょうか。

補足日時：2009/02/28 11:54

通報する

- 0
- 件

通報する

No.2

回答者： ORUKA1951
回答日時：2009/02/27 12:24

普通はありえません。

どう設定したかを示していただかないと・・・
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＞と入力してあるためです。