- ベストアンサー
外部CSSの一部が反映されません。
ホームページビルダーとメモ帳でサイトを作っています。 外部スタイルシートを指定したのですが、一部分だけ反映されません。 反映されないのは下二行のテーブルへのclass指定です。 CSSは以下になります。 * { margin : 0 ; padding : 0 ; } body{ width :100% ;} body,table {font:normal 13px;} table {margin : 0 ; padding : 0 ;} #my_body { margin: 0 auto; width : 700px ; } #my_navigation { float : left ; width : 150px;} #my_contents { float : left ; width : 550px ;} #my_header { width : 100% ; height : 97px;} #my_footer { width : 100% ; clear : both;} /*リンク*/ A:HOVER{color : #006500;text-decoration : none;} A{color : #00a600;text-decoration : none;} /*指定テーブル内*/ table.a01{width:150;background-color:#cccccc;} html内には <TABLE class="a01"> のように記述しています。 試しにCSSの下一行以外の全ての記述を削除してみても反映されません。 tableでなく、tdで指定してみても反映されません。 ビルダーのページ指定画面では反映されるのですが、プレビュー画面や アップロード後のIE7やFierfoxで見ると反映されていません。 同じ記述をhtml内に<style type="text/css">で指定すると反映されます。 CSSに詳しい方いらっしゃいましたら、どうかよろしくお願い致します。
- yuzu38
- お礼率84% (11/13)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
body,table {font:normal 13px;} ↓ body,table { font:normal 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif; } font-family は省略することができません http://www.htmq.com/style/font.shtml 蛇足： table.a01 {width:150;background-color:#cccccc;} widthは単位をつけて指定しましょう
その他の回答 (1)
- shadowdragon
- ベストアンサー率55% (20/36)
こんにちわ。 HTMLの先頭部分はどのようになっていますか？ 推測ではありますが、XMLの宣言を追加することによって反映される場合があります。 小粋空間: CSS のフォントサイズ指定が table に反映されない問題 http://www.koikikukan.com/archives/2006/07/24-021206.php あとはIDでの指定時にはCSS側は#で始まりますが、そのように指定されていますでしょうか？ 私も精通しているわけではないのでハッキリとは申し上げられませんが、 table.a01{width:150;background-color:#cccccc;} を #a01 {width:150px;background-color:#cccccc;} にして <table id="a01"> ではいかがでしょうか。
お礼
解決いたしました。 /*指定テーブル内*/ 部分を消したら何故か反映されました。 /**/はちゃんと半角なのですが、中に全角の文字を 入れると何故かバグるようです。 /*リンク*/の方はちゃんと大丈夫なんですが… ご回答頂き有難うございました。
補足
こんにちは、回答有難うございます。 一行目は <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> です。 また、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> にしても変化はありませんでした。 そして残念ながら、XMLの宣言を追加しても、idでの指定に してみても、反映されませんでした。
お礼
解決いたしました。 /*指定テーブル内*/ 部分を消したら何故か反映されました。 /**/はちゃんと半角なのですが、中に全角の文字を 入れると何故かバグるようです。 /*リンク*/の方はちゃんと大丈夫なんですが… ご回答頂き有難うございました。 font-family のご指摘も助かりました。
補足
こんにちは、回答有難うございます。 font-family は省略できなかったんですね、勉強になりました。 widthの部分のミスもご指摘有難うございます。 双方修正してみましたが、やっぱりtable部分の表示は 直りませんでしたTT