約4つのテーブルを使用してメールフォームを作成しています。それぞれの幅は全体で 700 ピクセルであるため、全体が平らに見えますが、下部近くの一部のテーブルは、数ピクセル内または外に表示されます。
Mailchimp を介してメール フォームを実行していますが、Outlook で表示すると形が崩れて見えます。
これは、700px にしたいテーブルの 1 つですが、約 696px で表示されています。
<table width="700px" border="0" cellspacing="0">
<tr>
<th width="16" bgcolor="#efefef" scope="row"></th>
<td width="664" rowspan="2" align="left" valign="middle" bgcolor="#efefef">
<font size="2">TEXT TEXT TEX</font></td>
<td width="14" bgcolor="#efefef"> </td>
</tr>
<tr>
<th height="39" bgcolor="#efefef" scope="row"> </th>
<td bgcolor="#efefef"> </td>
</tr>
</table>
そして、これが私のCSSです（しかし、それが問題であることはわかりません）：
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
h2 {
color: #f16b20;
font-size: large;
}
body {
margin-left: 0px;
margin-top: 0px;
}
h3 {
font-size: 12px;
}
a:link {
color: #f16b20;
}
a:visited {
color: #f16b20;
}
a:hover {
color: #993300;
}
a:active {
color: #f16b20;
}