html - Chrome 是否符合 CSS 表格规范？

Question

我正在使用一些 CSS 设计服务器生成的表格(我试图证明 Telerick 控件被高估了，但那是一个不同的讨论)。

无论如何，表格在 IE8 和 Firefox 中看起来很棒，并且样式完全符合我的预期。但是，该表在 Chrome 中看起来很糟糕。不要误会我的意思，Chrome 是一款很棒的浏览器，也是我经常使用的浏览器；但是，它可能在特定方面有所欠缺。

所以基本上我要问的是:Chrome 是否存在 CSS 和表格问题，或者我只是不擅长 CSS(而 IE 和 Firefox 正确地预测了我的弱点)？

更新:问题是表格(设置为宽度:100%)超出了其父容器的范围，该容器的边框使整个事情变得漂亮。此外，底部的寻呼机行的边框顶部属性设置为“虚线”，但它在其中一列上是实心的!？

/*-------------Grid------------*/
table.grid
{
    width: 100%;
}

.grid tr th
{
    background-color: #696969;
    background-image: url('/Images/grid-bg.png');
    color: White;
    height: 20px;
    padding: 3px;
    text-align: left;
}

.grid td, .grid th
{
    border-right: 1px solid white;
}

.grid th a:hover, .grid th a:link
{
    color: White;
    text-decoration: none;
    display:inline-block;
    width: 100%;
    height: 100%;
}

.grid th a:hover
{
    background-color: #696969;
}

.grid tr.even
{
    background-color: #EBF2FC;
}

div.grid
{
    border: 1px solid #5D7FA6;
    padding: 1px 0px 1px 1px;
}

.pager
{
    border-top:  1px dotted #5D7FA6;
}

.data-row
{
    height: 24px;
}

.grid tr.data-row:hover
{
    color:White;
    background-color: #5D7FA6;
}

Answer 1

在没有看到 test case 的情况下，仍然很难准确地告诉您要更改的内容.

但是.. 试试box-sizing: border-box。请参阅:https://developer.mozilla.org/en/CSS/box-sizing

将此添加到某物(table.grid？div.grid？):

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;