※ ChatGPTを利用し、要約された質問です(原文:テーブルが左右上下中央表示にできない。)
テーブルが左右上下中央表示にできない
<style type="text/css">
<!--
.tableley {
text-align: center;
}
.tableley table{
margin-left: auto;
margin-right: auto;
}
.tableley caption{
margin-left: auto;
margin-right: auto;
}
bodytd{
letter-spacing :2px;
line-height :15pt;
font-size:80%;font-family:'Verdana';
color:#ffffff;
}
br{letter-spacing:normal;}
body{overflow-y:hidden;
margin:0;padding:0;
background-attachment:fixed;
}
a{ text-decoration:none;
color:#000000; }
a:hover{ color:#808080;
}
-->
</style>
</head>
<body>
<table border="0" width="100%" height="100%" cellspacing="0" summary="テーブル">
<tr>
<td colspan="3" style="border-bottom:1px solid #000000" bgcolor="#000000" valign=bottom><font size=5><b>SITE NAME</b></font>
</td>
</tr>
<tr>
<TD height="80%" width="250" align="center" valign="top" colspan="3"><BR>
<BR>
<table style="border: 1px dotted #cccccc;">
<tbody>
<tr>
<TD><IMG src="ConvertImage/ice.png" width="187" height="131" border="0"></TD>
<TD height="120" width="200">
<div style="width: 270px; height:140px;color:#cccccc;font-size:10px;font-family:Verdana;overflow:auto;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #cccccc;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;"><FONT color="#cecfce">ここにテキスト<BR>
</FONT></div>
</TD>
</tr>
</tbody>
</table>
</TD>
</tr>
<tr>
<td colspan="3" style="border-top:1px solid #000000" bgcolor="#000000" align="right" valign="top"><FONT color="#ffffff">SINCE</a>
</td>
</tr>
</table>
</body>
と、ビルダーでフレームを使わず横三分割のサイトを作ったのですが
真ん中の白い部分にあるテーブルを白ページ上下左右中央に設置出来ず悩んでいます。どうか解決策を教えてくださいお願いします。
お礼
的確な回答ありがとうございます! 書かれている通りにした処、真ん中表示されました。 本当に助かりました。