dポイントプレゼントキャンペーン実施中！

FireFoxで背景が表示されない。

解決済

  • 質問者：_takeponn_
  • 質問日時：
  • 回答数：2件

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/

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： leap_day
  • 回答日時：

こんにちは



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

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>
に変更して試してみてください
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2007/09/17 11:27

No.2

  • 回答者： MAN_MA_RUI
  • 回答日時：

はい。

FirefoxをFireFoxと書かない！WikipediaをWikiって略さない！…が私の挨拶です（ぉ
http://www.mozilla-japan.org/support/firefox/faq …

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

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

通報する
お礼日時：2007/09/17 11:36

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報