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

解決済みの質問

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/

投稿日時 - 2007-09-07 22:07:16

QNo.3324852

暇なときに回答ください

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

こんにちは

とりあえずソースを見た感じ思いつくのはこんなところだと思います(^^)

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>
に変更して試してみてください

投稿日時 - 2007-09-08 03:40:41

お礼

今回も回答してくださって有難う御座います。
言われた通りにやったら見事に出来ました。
本当に有難うございました。

投稿日時 - 2007-09-17 11:27:43

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

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

回答(2)

ANo.2

はい。FirefoxをFireFoxと書かない!WikipediaをWikiって略さない!…が私の挨拶です(ぉ
http://www.mozilla-japan.org/support/firefox/faq#spell-abbreviate

ぱっと見ただけじゃ何なのかよく分かりませんがヒント。FirefoxのエラーコンソールはCSSのエラーを検出してくれます。
ここに出たエラーをひとつずつ直していけばいつかは正常表示…となる可能性が高いでしょう。あぁ、scrollbar-xxxxxx-colorも「IE独自です」っていう理由から不明プロパティとしてエラー吐かれるけど。

投稿日時 - 2007-09-10 06:45:53

お礼

回答ありがとうございます。
"Firefox"にはそんな機能があったんですね。
普段使わないからわかりませんでした。
チェックした所スクロールバーの以外エラーは出ませんでした。

投稿日時 - 2007-09-17 11:36:03

あなたにオススメの質問