Question

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

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

这是它发生的页面：

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

我不知道从哪里开始，我尝试在Dreamweaver中打开它，但只发现一个与它无关的孤独</td>！

非常感谢任何帮助！

Answer 1

首先使用Doctype that triggers standards / strict mode（因为quirks模式太不一致而无法开发新内容），编写valid HTML（浏览器错误已经很糟糕且标记很好）并且没有使用tables for layout （这不是'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或向页脚td添加tr并告诉我它的外观。

修改
我又看了一眼。在您现在拥有的第一个tr之前，将以下代码添加到上方td。你在主行中遗漏了你的左标尺，右边只有一个。

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

奇怪的html表格布局

2 个答案: