別ファイルに記述したcssが効きません。。

締切済

質問者：coder55
質問日時：2006/10/04 19:21
回答数：6件

はじめまして、お世話になります。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件)

最新から表示
回答順に表示

No.6

回答者： chrow
回答日時：2006/12/16 22:25

きちんとＨＴＭＬヘッダ部分に外部ＣＳＳへのリンクを張って、呼び出しているか確認してみては？

ファイル名間違えてるとか、うっかり記述間違えてるとか。

ＣＳＳファイルの中身にミスはないように見えますので…。

一応、余計なおせっかいだと思いますが、外部ＣＳＳへのリンクは、ヘッダ部分（<head>～</head>の間ですね）に、
<link href="ＣＳＳファイル名（相対パスで）" rel="stylesheet" type="text/css">
と記述します。

- 0
- 件

通報する

No.5

回答者： ICHI-yan
回答日時：2006/10/08 10:30

私も再現できないので、わからないのですが、

クラス名に title は止めた方がいいと思います。
ヘッダ内のタグの title と紛らわしいので。

この問題の可否に関わらず、タグ名と同じクラスやIDをつけることは
避けられた方がいいです。時が経てばわからなくなりますよ。

- 0
- 件

通報する

No.4

回答者： partita
回答日時：2006/10/05 19:17

＞cssファイルを別に作り

cssとhtmlファイルの文字コードが合致していないときにcssを読み込まないことがあったような、なかったような。

- 0
- 件

通報する

No.3

回答者： naokita
回答日時：2006/10/05 02:08

id　と　class　が違っていますよ・・・

- 0
- 件

通報する

No.2

回答者： steel_gray
回答日時：2006/10/04 20:07

Windows Firefoxで質問の通りで試してみましたが、幅500pxボックスそのものと、ボックスの中のテキストもセンタリングされています。

挙げられている範囲に問題はないようです。

試していなければ文法チェックを試してみてはどうでしょうか？
html
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
css
http://www.htmlhelp.com/tools/csscheck/
※cssに関してはツール＞JavascriptコンソールでCSSのパースエラーも検出してくれます。