Google Chrome的CSS对齐问题

Question

我的桌子有一点对齐问题。这仅适用于Google Chrome。我想让我的标题复选框与我表格的所有复选框对齐。在IE＆amp; Chrome直到我添加css table-layout：fixed; 。您可以在下面看到结果。在Chrome上，标题复选框不再与我表格中的所有其他复选框对齐。

这是我的css：

table.search-results
{
  border-collapse: collapse;  
  table-layout:fixed;
  width: 100%;
}

table.search-results td.tipsy-empty { width: 5px;  }
table.search-results td.tipsy       { width: 5px;  }
table.search-results td.checkbox    { width:20px;  }
table.search-results td.favoricon   { width:20px;  }
table.search-results td.idaffaire   { width:50px;  }
table.search-results td.information { width:auto; white-space:nowrap; overflow:hidden; }
table.search-results td.username    { width:50px;  }

非常感谢任何帮助。

Answer 1

使用CSS重置：http://developer.yahoo.com/yui/reset/

看起来浏览器对这些元素有不同的默认CSS设置。始终使用CSS重置，不要让浏览器控制你：）

如果您使用Webkit圆角，也可能是问题所在。注意彩色标签是如何被推出的。 IE不支持这些圆角，这就是它们应该出现的原因。检查Safari，我打赌这是你的问题。找到圆角的非css方法。它们可能有点难看，但它们会阻止这样的事情。