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

解決済みの質問

Firefoxでテーブルの外側の背景色が出ない

IE8では中央にテーブルが配置し外側の背景色が出るのですが、Firefoxではテーブルの位置も左側に寄り、外側の背景色がテーブル内と同じ白一色になってしまうのですが、どう直したらいいのでしょうか。

以下、ソースです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<TITLE>○○○</TITLE>
<STYLE TYPE="text/css">
<!--
BODY {background:'palegreen';color:#000000;text-align:center;}
TABLE {background:#FFFFFF;color:#000000;}
CAPTION {background:#FFFFFF;color:#000000;text-align:left;font-weight:bold;}
.tmscntr {text-align:center;font-size:14px;font-family:'Times New Roman';}
.tmsrght {text-align:right;font-size:14px;font-family:'Times New Roman';}
.tmslft {text-align:left;font-size:14px;font-family:'Times New Roman';}
SPAN {margin-left:20PX;"}}}}}}}}
.cntr {text-align:center;}
.rght {text-align:right;}
.lft {text-align:left;}

A:visited {color:#000099;}
A:active {color:#FFFFFF;background:#CCCCFF;}
A:hover {color:#DCDCDC;background:#000099;}
-->

</STYLE>
</HEAD>
<BODY text="#000000" bgcolor="#FFFFFF" link="#ff3535" vlink="#808080" alink="#ff8040">
<DIV><BR>
<TABLE cellpadding=5 cellspacing=0><CAPTION>○○○</CAPTION><TR><TD>
<TABLE border="0" cellpadding=5 cellspacing=0><CAPTION>○○○</CAPTION>
<TR><TD><b>(1)○○○</b></TD><TD><b>○○○</b></TD><TD colspan="3"><b>○○○○○○</b> <b><font color="#ff0000">○○○</b></font></TD></TR>
<TR><TD></TD><TD style={text-indent:24px;}><b>○○○</TD><TD><b>○○○○○○○○○</b></TD></TR>
<TR><TD><br><b>(2)○○○</b></TD><TD><br><b>○○○</b></TD><TD colspan="3"><br><b>○○○<b><font color="#008800">○○○○○○○○○</b></font></TD></TR>
<TR><TD></TD><TD style={text-indent:24px;}><b>○○○</b></TD><TD><b>○○○○○○○○○</b></TD></TR>
<TABLE align="center"><br><br><br>
</TABLE>
</TD></TR></TABLE></DIV>
</BODY>
</HTML>

投稿日時 - 2009-09-22 19:48:59

QNo.5310517

困ってます

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

これは不正なHTM・CSSLなので、かなり直した方が良いと思われますが、
質問の部分だけの回答なら
----------------------
10・11行目
BODY {background:#98fb98; color:#000000;text-align:center;}
TABLE {background:#FFFFFF;color:#000000; margin: 0 auto;}
28行目
<BODY link="#ff3535" vlink="#808080" alink="#ff8040">
----------------------
以上の様に訂正すると、とりあえずですが、大丈夫でしょう。
16行目の
SPAN {margin-left:20PX;"}}}}}}}}
は意味不明ですから、16行目の全てを削除。

投稿日時 - 2009-09-23 00:12:34

お礼

ご回答ありがとうございました。
IEとずいぶん違うんですね。助かりました。

投稿日時 - 2009-09-23 01:14:41

ANo.2

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

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

回答(2)

CSSで以下を適宜変更。
background-color: color
border-color: color
tableやtdに適応。

投稿日時 - 2009-09-22 23:39:12

お礼

ご回答ありがとうございました。
このソースには当てはまらないようでした。

投稿日時 - 2009-09-23 01:17:18

あなたにオススメの質問