Safari Quirks模式:表占用父级的整个宽度..为什么?

时间:2011-10-07 22:39:56

标签: css safari css-tables quirks-mode

我正在使用表创建一个css按钮。该按钮在Firefox和IE(quirks模式)下工作正常。不幸的是,Safari的怪癖模式存在问题。

首先是一个小背景..这是一个api的按钮,即这个按钮可以用在我无法控制的各种地方..所以解决像float这样的问题:左边不是真的工作。我已经在几乎所有可以想象的场景中对此进行了测试,这是最后一个问题 - 记者。

我正在测试的场景是一个表格,其中列有对齐=“中心”..我无法控制它,所以请不要建议更改该部分。只有按钮和css是我可以控制的东西..即以<table cellpadding="0px"...

开头的部分

这里的主要问题是在Safari中按钮占据其父级的整个宽度,这会使其旁边的按钮强制进入下一行。我需要按钮显示就像在IE和Firefox中一样。

此外,这必须在IE,Firefox和Safari中使用,并且它不能包含DOCTYPE标记以使其脱离怪癖模式。

以下是工作示例: Click me!

有关为什么这些表格按钮占据父表格的整个宽度的任何帮助都将非常非常感激。

1 个答案:

答案 0 :(得分:0)

由于Quirks模式样式表,表格按钮占据了父表的整个宽度:

使用CSS filter为Safari制作浏览器特定的例外。

<强>参考