- 締切済み
別ファイルに記述したcssが効きません。。
はじめまして、お世話になります。htmlコーダーをしております。 htmlファイルに直接、 <div style="text-align:center;"> <div style="width:500px;margin:0 auto;">テキストテキストテキスト</div> </div> と書くと、スタイルがちゃんと効いてくれるのに、 cssファイルを別に作り、 #menu { text-align:center; } #menu .title { width:500px; margin:0 auto; } と書いて、htmlファイルに <div id="menu"> <div class="title">テキストテキストテキスト</div> </div> と書くと、Windows FireFoxだとtitleがまったく効いていないようです。 呼び出すファイルやクラス名を間違えているとか、もうひとつ同じ名前のクラスで上書きしてしまっているようなミスはないようです。 似たようなクラス名は使わないほうがよいとか、center寄せとマージンの組み合わせ方法などの問題なのでしょうか。。 どうぞご教授くださればと思います。よろしくお願いいたします。
- みんなの回答 （6）
- 専門家の回答
みんなの回答
- chrow
- ベストアンサー率37% (11/29)
きちんとＨＴＭＬヘッダ部分に外部ＣＳＳへのリンクを張って、呼び出しているか確認してみては？ ファイル名間違えてるとか、うっかり記述間違えてるとか。 ＣＳＳファイルの中身にミスはないように見えますので…。 一応、余計なおせっかいだと思いますが、外部ＣＳＳへのリンクは、ヘッダ部分（<head>～</head>の間ですね）に、 <link href="ＣＳＳファイル名（相対パスで）" rel="stylesheet" type="text/css"> と記述します。
- ICHI-yan
- ベストアンサー率33% (45/134)
私も再現できないので、わからないのですが、 クラス名に title は止めた方がいいと思います。 ヘッダ内のタグの title と紛らわしいので。 この問題の可否に関わらず、タグ名と同じクラスやIDをつけることは 避けられた方がいいです。時が経てばわからなくなりますよ。
- partita
- ベストアンサー率29% (125/427)
＞cssファイルを別に作り cssとhtmlファイルの文字コードが合致していないときにcssを読み込まないことがあったような、なかったような。
- naokita
- ベストアンサー率57% (1008/1745)
id と class が違っていますよ・・・
- steel_gray
- ベストアンサー率66% (1052/1578)
Windows Firefoxで質問の通りで試してみましたが、幅500pxボックスそのものと、ボックスの中のテキストもセンタリングされています。 挙げられている範囲に問題はないようです。 試していなければ文法チェックを試してみてはどうでしょうか？ html http://openlab.ring.gr.jp/k16/htmllint/htmllint.html css http://www.htmlhelp.com/tools/csscheck/ ※cssに関してはツール＞JavascriptコンソールでCSSのパースエラーも検出してくれます。
- frogeye
- ベストアンサー率47% (11/23)
私の環境では両方とも同じように表示されます。 linkタグを書き間違えている可能性が高いと思いますが...
