- ベストアンサー
FireFoxで背景が表示されない。
Webページを作っておりまして、FireFoxで表示を確認した際にボックスの背景が出ない問題が起こっており、 調べたりしても出てこず、1週間位頭を悩ませております。 どこがイタズラしてるか分からないので、CSS,HTML全てのせます 申し訳ありません。 CSSはこのように書いています <!-- body { background: url('./img/Background.png') repeat; } body { scrollbar-face-color:#1B1D1D; scrollbar-highlight-color:000000; scrollbar-shadow-color:999999; scrollbar-arrow-color:999999; scrollbar-track-color:#2A2929; scrollbar-3dlight-color:#A4A5A5; scrollbar-darkshadow-color:#A4A5A5; } body { font-size: 75%; /* IE */ } html>/**/body { font-size: 12px; /* Except IE */ } body { line-height : 130% ; } .box1{ width:750px; margin-buttom:70px; background-color:f0f0f0; } .box2 { width:425px; height:124px; font-size:12px; border:1px dashed #000000; overflow:auto; background-color:ffffff; margin-right:15px; margin-top:8px; padding-left:10px; padding-top:10px; } --> そしてHTMLはこのようになっています <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <Meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <Meta http-equiv="Content-Script-Type" content="text/javascript"> <Meta http-equiv="Content-Style-Type" content="text/css"> <Meta name="GENERATOR" content="AmBuilder"> <link rel="StyleSheet" href="Style.css" type="text/css"> <link rel="stylesheet" type="text/css" href="http://wing2.jp/add/adv.css" /></head> <body> <div align="center"> <p class="box1"> <table width="750" border="0" cellspacing="0" cellpadding="0" summary="TitleTable"> <tr valign="top"> <td width="5"><img src="./img/TitleSpace-Left.png" width="5" height="41" alt="TitleSpace"></td> <td width="183"><img src="./img/Title2.png" width="183" height="41" alt="Title"></td> <td width="557"><img src="./img/TitleSpace.png" width="557" height="41" alt="Title" ></td> <td width="5"><img src="./img/TitleSpace-Right.png" width="5" height="41" alt="TitleSpace"></td></tr> </table> <table width="750" border="0" cellspacing="0" cellpadding="0" summary="MenuTable"> <tr valign="top"> <td width="33"><a href="index.htm" target="_self"><img src="./img/HomeIcon.png" width="33" height="25" border="0" alt="ReturnHome"></a></td> <td width="57"><a href="about.htm" target="_self"><img src="./img/M-About.png" width="57" height="25" border="0" alt="About"></a></td> <td width="56"><a href="movie.htm" target="_self"><img src="./img/M-Movie.png" width="56" height="25" border="0" alt="Movie"></a></td> <td width="46"><a href="link.htm" target="_self"><img src="./img/M-Link.png" width="46" height="25" border="0" alt="Link"></a></td> <td width="557"><img src="./img/M-Space.png" width="557" height="25" border="0" alt="Space"></td> <td width="1"><img src="./img/M-Right.png" width="1" height="25" border="0" alt="MenuLine"></td> </tr> </table> <table style="float:right"> <tr align="left"> <td> <p class="box2"> ◇ 更新履歴 </td> </p> </tr> </table> </p> </div> </body> </html> 前回も同じような下らない質問をしてしまったのですが。今回も皆さんよろしくお願い致します。 長文、駄文すみませんでした 一応、サイトのURIです http://wing2.jp/~movie_village/
- _takeponn_
- お礼率40% (6/15)
- CSS
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは とりあえずソースを見た感じ思いつくのはこんなところだと思います（＾＾） background-image: url('./img/Background.png');(表示は同じなのでどちらでも？） scrollbar-highlight-color:#000000;（#抜け） scrollbar-shadow-color:#999999;（#抜け） scrollbar-arrow-color:#999999;（#抜け） （scrollbar関係はIE専用(一応報告)） margin-bottom:70px; （.box1内） background-color:#f0f0f0; （.box1内) background-color:#ffffff;（.box2内） </p></td>（更新履歴の後） <div style="clear:both;"></div>(floatを使用しているので更新履歴用のtableの</table>の後に付け足す） <p class="box1">～</p>ではなく <div class="box1">～</div> に変更して試してみてください
その他の回答 (1)
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
はい。FirefoxをFireFoxと書かない！WikipediaをWikiって略さない！…が私の挨拶です（ぉ http://www.mozilla-japan.org/support/firefox/faq#spell-abbreviate ぱっと見ただけじゃ何なのかよく分かりませんがヒント。FirefoxのエラーコンソールはCSSのエラーを検出してくれます。 ここに出たエラーをひとつずつ直していけばいつかは正常表示…となる可能性が高いでしょう。あぁ、scrollbar-xxxxxx-colorも「IE独自です」っていう理由から不明プロパティとしてエラー吐かれるけど。
お礼
回答ありがとうございます。 "Firefox"にはそんな機能があったんですね。 普段使わないからわかりませんでした。 チェックした所スクロールバーの以外エラーは出ませんでした。
お礼
今回も回答してくださって有難う御座います。 言われた通りにやったら見事に出来ました。 本当に有難うございました。