Html 表格对齐异常

我正在制作一份简单的时事通讯，所以我决定使用一张700px宽的桌子，为了防止我桌子的顶部弄乱，我在下面创建了另一张同样宽（700px）的桌子。由于某种原因，在玩TD的时候，上半部分变成了705px，如果我把它设置回700px，它太窄了，即使下面的桌子是700px宽

您可以在灰色框中看到宽度的变化：

<table width="700" border="0" cellspacing="0">
<tr>
    <th height="19" colspan="6" bgcolor="#E9E9E9" scope="row">&nbsp;</th>
</tr>
<tr>
<th height="130" colspan="2" bgcolor="#E9E9E9" scope="row"><img src="sides_wider.png" width="63" height="1" /></th>
    <th width="345" height="130" align="left" valign="bottom" bgcolor="#E9E9E9" scope="row"><img src="logo.png" width="200" height="100" align="bottom" /></th>
    <th width="221" height="130" align="right" valign="bottom" bgcolor="#E9E9E9" scope="row">Newsletter #1 - <strong>05.08.13</strong>
    <th width="63" height="130" colspan="2" bgcolor="#E9E9E9" scope="row"><img src="sides_wider.png" width="63" height="1" /></th>
</tr>
</table>


<table width="700" border="0" cellspacing="0">
<tr>
    <th height="2" colspan="6" bgcolor="#E9E9E9" scope="row"></th>
</tr>
<tr>
    <th width="50" height="47" bgcolor="#E9E9E9" scope="row"><img src="sides.png" width="50" height="1" /></th>
    <th colspan="4" rowspan="2" align="center" valign="top"><img src="banner.png" width="600" height="200" /></th>
    <th width="50" bgcolor="#E9E9E9"><img src="sides.png" width="50" height="1" /></th>
</tr>
<tr>
    <th width="50" height="79" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
    <th  width="50" bgcolor="#FFFFFF">&nbsp;</th>
</tr>
<tr>
    <th width="50" height="147" rowspan="2" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
    <th width="35" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
    <th width="196" height="40" bgcolor="#F3F3F3" style="padding:15px">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="330" height="40" bgcolor="#E5E5E5" style="padding:15px">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="33" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
    <th width="50" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
</tr>
<tr>
    <th bgcolor="#F3F3F3" height="40" style="padding:15px; border-top: solid 1px #CCC">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="330" height="40" bgcolor="#E5E5E5" style="padding:15px; border-top: solid 1px #CCC">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
</tr>
<tr>
    <th height="16" colspan="6" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
</tr>
</table>

时事通讯#1-05.08.13
Lorem ipsum dolor sit amet，dolor accusata duo ut。
Lorem ipsum dolor sit amet，dolor accusata duo ut。
Lorem ipsum dolor sit amet，dolor accusata duo ut。
Lorem ipsum dolor sit amet，dolor accusata duo ut。

修复了它。虽然

和

问题导致了一个问题，但我发现真正的宽度问题是我的图像迫使表格变宽，我可以设置它

看起来你的标记出了问题。您可以打开标记并使用关闭它们。您还打开了一个，但没有关闭它。这些东西会打乱你的布局。这里有一个JSfiddle:@Coop哦，我明白了，问题是我把我的改为，因为文本总是居中，否则会变为粗体。我想有一种方法可以解决这个问题，而不必将其更改为？您可以使用CSS或内联样式设置样式。将它们设置为文本对齐：左；字体大小：正常@非常感谢！我要试一试