- ベストアンサー
Firefoxでテーブルの背景画像が表示されない
下記のようにテーブルに背景画像を表示させたいのですが、 なぜかFirefoxだけ背景画像が表示されません。(WindowsXP,Firefoxは最新版(1.5.0.7)です) IE,OPERA(ともに最新版)では表示されます。 いろいろと検索したのですが同様の相談は見つからず、自分が根本的にミスをしているのだと思いますが、どうしていいのかわからずに相談した次第です。 .tab{width:502px;margin-bottom:20px;} .01{background:url(img/title.gif) top no-repeat;width:502px;height:32px;padding:0px 0px 4px 20px;} .02{background:url(img/com_top.gif); width:502px;height:10px;} .03{background:url(img/com_middle.gif); width:502px;padding:5px 20px 5px 20px;} .04{background:url(img/com_bottom.gif); width:502px;height:10px;} <table cellpadding="0" cellspacing="0" class="tab"> <tr><td class="01">タイトル</td></tr> <tr><td class="02"></td></tr><tr><td class="03"> サンプルテキストサンプルテキストサンプルテキスト </td></tr><tr><td class="04"></td></tr></table> http://www.isonly.net/~second_blue/n/ ↑実際のページです。 汚いHTMLで申し訳ないのですが、解決方法をご存じの方、ご教示下さい。 よろしくお願いします。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
classに数字のみを指定しているのが駄目なのかもしれません。 頭にアルファベットをつけてやればうまくいくと思います。 参考 CSSのclassとid属性について →http://www.kanzaki.com/docs/html/htminfo17.html#S32
その他の回答 (1)
http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?Stat=on&ViewSource=on&Method=URL&URL=http%3A%2F%2Fwww.isonly.net%2F~second_blue%2Fn%2F http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.isonly.net%2F~second_blue%2Fn%2F css、エラーになってるみたいだけど?
お礼
レスありがとうございます。 html-lintの方は確認してましたが、肝心のcssの方はすっかり忘れておりました。 しっかりとエラーで数字のクラス指定がダメなことが表示されてますね… 他の場所も訂正しました。 本当にありがとうございます!
お礼
レスありがとうございます。 試しにアルファベットに変えたところ、表示されました。 何も考えずにクラス名を付けていたのがいけなかったんですね。 本当にありがとうございました!