HTML CSS：破桌子？

Question

我正在使用YUI来重置浏览器类，然后我将带到一些自定义样式表中...我已经看过几次这种情况发生了我不认为我我们缩小了原因：

桌子拉着图像来组成带阴影的方桌......但由于某种原因，它已经坏了......

这是我的CSS：

.tblSquare {
    text-align: left;
    border-collapse: collapse;
}
.tblSquare td.top {
    background:url('/Content/Images/tblSquare_top.gif') repeat-x;
}
.tblSquare td.left {
    background:url('/Content/Images/tblSquare_left.gif') repeat-y;
}
.tblSquare td.right {
    background:url('/Content/Images/tblSquare_right.gif') repeat-y;
}
.tblSquare td.bottom {
    background:url('/Content/Images/tblSquare_bottom.gif') repeat-x;
}
.tblSquare td.content {
    background:#FFF;
    vertical-align:top;
}

Answer 1

我得出结论，这不是好习惯。当内容不是表格数据时，始终使用DIV。试图变得聪明没有任何意义......并且这样做非常聪明。

Answer 2

如果没有发布HTML或CSS，很难说出错了，但这看起来像表格中有一些空格（可能是 ）的情况，它强制单元格的高度为比它包含的图像高。

Answer 3

https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps