※ ChatGPTを利用し、要約された質問です（原文：Firefoxでテーブルの外側の背景色が出ない）
Firefoxでテーブルの外側の背景色が出ない
このQ&Aのポイント
IE8では中央にテーブルが配置し外側の背景色が出るのですが、Firefoxではテーブルの位置も左側に寄り、外側の背景色がテーブル内と同じ白一色になってしまうのですが、どう直したらいいのでしょうか。
Firefoxでテーブルの外側の背景色がテーブル内と同じ白一色になってしまう問題が発生しています。IE8では中央にテーブルが配置され、外側の背景色も表示されます。
テーブルの外側の背景色がFirefoxではテーブル内と同じ白一色になってしまう問題が発生しています。IE8では正常に中央にテーブルが配置され、外側の背景色も表示されます。どのように修正すれば問題が解決するでしょうか。
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>
お礼
ご回答ありがとうございました。 IEとずいぶん違うんですね。助かりました。