適用されているはずの外部cssが適用されない。。

質問

すみませんが教えてください！
dreamweaver8でテーブルとcssでサイトをつくっているんですが、
ある一部分だけ全くcssが効きません。

<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="menu_page.css" rel="stylesheet" type="text/css" />
↑このページで使っているcss

　　#2f-txt {
　　margin-top: 20px;
　　margin-right: 10px;
　　margin-bottom: 20px;
　　margin-left: 0px;
　　}
　　#2f-txt p {
　　font-size: 13px;
　　color: #FFFFFF;
　　text-align: right;
　　}
↑menu_page.cssの方に書かれてます。

<table width="390" border="0" cellspacing="0" cellpadding="0">
<tr>
<td ><h2></h2></td>
</tr>
<tr>
<td>
　　　　　　　　　　<table width="390" id="2f-txt">
　　<tr>
　　　<td>
　　　　　　　　　　　　　<h3><p>ここのテキスト</p></h3>
　　　　　　　　　　　　</td>
　　　　　　　　　　　</tr>
　　</table>
</td>
</tr>
</table>

↑id="2f-txt"のテーブル・テキスト等にかけたい
※見にくくてすみません・・・
dreamweaverのデザインビュー上ではしっかり効いているんですが、
ブラウザで見るとmenu_page.cssに書いてある#2f-txt ・#2f-txt p
が全く効いていません。
他のページでも同じような使い方をしている箇所があるんですが、
そこは問題ありません。いろいろと試してはみたんですが、全くだめで、どういうことか全く分かりません。
まだレベルが低いんで、簡単なミスかもしれませんが、
すみませんが、どなたか分かる方いらっしゃいますでしょうか？

回答No.1

leap_day · ベストアンサー

こんにちは

idは数字から始めてはいけません
アルファベットから始めてください

それからこれはそのままの形で使用していますか？
至る所に全角スペースがあるようなのですが・・・

スタイルシートの場合は正しい記述と見なされずスタイルが適応されません(IEは効いてくれるみたいですけど）
tableの場合はtable上部に余分なスペースとして吐き出されます(質問文では4行～7行ほど余分なスペースができています）
<table>***<tr>***<td></td>***</tr>***</table>（***の部分の全角スペースなど）

字下げするときは『半角スペース』か「Tabキー』になります

お礼

すみません、ありがとうございました！！
idはアルファベットから！一つ勉強になりました。。