こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

外部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に詳しい方いらっしゃいましたら、どうかよろしくお願い致します。

投稿日時 - 2007-05-16 11:17:12

QNo.3004278

困ってます

質問者が選んだベストアンサー

body,table {font:normal 13px;}
  ↓
body,table {
font:normal 13px "MS Pゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

font-family は省略することができません
http://www.htmq.com/style/font.shtml

蛇足:
table.a01 {width:150;background-color:#cccccc;}
widthは単位をつけて指定しましょう

投稿日時 - 2007-05-16 12:01:52

補足

こんにちは、回答有難うございます。

font-family は省略できなかったんですね、勉強になりました。
widthの部分のミスもご指摘有難うございます。
双方修正してみましたが、やっぱりtable部分の表示は
直りませんでしたTT

投稿日時 - 2007-05-16 15:44:31

お礼

解決いたしました。

/*指定テーブル内*/
部分を消したら何故か反映されました。
/**/はちゃんと半角なのですが、中に全角の文字を
入れると何故かバグるようです。
/*リンク*/の方はちゃんと大丈夫なんですが…

ご回答頂き有難うございました。
font-family のご指摘も助かりました。

投稿日時 - 2007-05-16 16:28:57

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

こんにちわ。
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">
ではいかがでしょうか。

投稿日時 - 2007-05-16 12:09:14

補足

こんにちは、回答有難うございます。
一行目は
<!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での指定に
してみても、反映されませんでした。

投稿日時 - 2007-05-16 15:42:37

お礼

解決いたしました。

/*指定テーブル内*/
部分を消したら何故か反映されました。
/**/はちゃんと半角なのですが、中に全角の文字を
入れると何故かバグるようです。
/*リンク*/の方はちゃんと大丈夫なんですが…

ご回答頂き有難うございました。

投稿日時 - 2007-05-16 16:28:08

あなたにオススメの質問