html - 奇怪的html表格布局

Question

我已经在一个项目上工作了几个星期，我遇到了桌子底部发生的一些奇怪的事情，

这是它变得奇怪的部分：（对不起，它很长但它朝向底部！）

http://pastebin.com/mtTNR4CH

这是它发生的页面：

http://www.upsandgeneratorparts.com/auction/daily-deal-3,name,100196,auction_id,auction_details

不知道从何说起，我试过在Dreamweaver中全部打开，却发现一个</td>与此无关的寂寞！

将非常感谢任何帮助！

Answer 1

首先使用触发标准/严格模式的 Doctype（因为 quirks 模式太不一致而无法在其中开发新内容），编写有效的 HTML（浏览器错误已经足够糟糕，但标记良好）并且不使用表格进行布局（这不是90 年代）。

Answer 2

你注意到最后一个tr：

<tr>
    <td width="10"><img src="themes/multi_blue/img/c3.gif" width="10" height="10"></td>
    <td width="100%" style="border-bottom: 1px solid #bbbbbb;"><img src="themes/multi_blue/img/pixel.gif" width="1" height="1"></td>
    <td width="10"><img src="themes/multi_blue/img/c4.gif" width="10" height="10"></td>
</tr>

包含三个单元格，而主 tr 仅包含 2 个？在页脚中使用colspan或添加 a并告诉我它的外观。tdtr

编辑：
我又看了一眼。在您现在拥有tr的第一个代码之前将以下代码添加到上部。td您在主行中缺少左侧标尺，右侧只有一个。

<td width="10"><img src="themes/multi_blue/img/c3.gif" width="10" height="10"></td>