Chrome是否符合CSS表規格？

嘿我正在用一些CSS設計一個服務器生成的表格（我試圖證明Telerick控件被高估了，但這是一個不同的討論）。Chrome是否符合CSS表規格？

無論如何，這些表格在IE8和Firefox中看起來不錯，而且風格完全如我所料。但是，該表看起來像Chrome中的垃圾。不要誤會我的意思，Chrome是一款出色的瀏覽器，而且我通常使用的是;然而，它可能在特定方面缺乏。

所以基本上我問的是：Chrome是否有CSS和表格問題，或者我只是在CSS上吮吸（而IE和FF正確地預測我的吮吸）？

更新：問題是表（設置爲寬度：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; 
}

來源

2011-08-17 badBadCoder

很難說沒有看到你的代碼。你*可能*做錯了什麼。 Chrome *可能會做錯事。 – thirtydot

然後，如果有什麼地方有足夠的錯誤讓Google無法通過各種CSS CSS規範，那麼在acid3測試中它可能不會獲得100％的回報:) – Blindy

如果沒有看到test case，你仍然很難確切地告訴你要更改什麼。

但是，試試box-sizing: border-box。請參閱：https://developer.mozilla.org/en/CSS/box-sizing

一下添加到東西（table.griddiv.grid？）：

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

來源

2011-08-17 16:51:07 thirtydot

我不需要改變任何東西，因爲我只需要支持IE瀏覽器（看起來很好）哈哈但是，這種方式是否將周圍的框或表本身？ – badBadCoder

我更新了我的答案，先試試其中的一個。 – thirtydot

另請參閱：http://stackoverflow.com/q/7079070/405015 – thirtydot

Chrome是否符合CSS表規格？

回答

相關問題