Firefox3以Bug为中心(任何CSS Hacks或修复？)

Question

我对Firefox3的居中项目有问题。(我搜索了一下，没有找到答案--希望不是转帖)

为了演示这一点，我将代码简化为两个元素--您可以在这里看到：http://prwmusic.com/misc/csstest/home-sample-fix.html

现在慢慢地使浏览器窗口变宽变窄。假设您正在使用Firefox3，您是否看到蓝色DIV左侧的白色背景是如何随着您拖动的每一个像素变宽或变窄而弹出和弹出的？然而，IE6、IE7、Safari甚至FF2都没问题。

我所做的是创建一个DIV，并在该DIV中添加一个"white page with shadow background“，以便访问者可以在水平滚动条显示之前尽可能缩小浏览器的范围。然后是一个嵌套的DIV，它的背景是蓝色的。背景中的白色区域和蓝色div都是970像素宽，因此它们应该始终匹配，因为它们都居中。

发生的情况是，当窗口大小是奇数时，Firefox在背景图像的右侧加1，但在前景的左侧加1，这会抛出所有东西。

第一个想法可能是“在背景图像中包含蓝色”。但是我正在做的这个项目的实际设计是相当复杂的，这种奇怪的情况发生在整个网站上，所有页面的上下部分--对我来说，让蓝色作为背景的一部分是不可行的。我只是用这个简单的例子来演示。

有没有办法在Firefox3中保持项目始终对齐，以确保如果某人的浏览器宽度很奇怪，就不会出现显示奇怪的情况？(显然，不会在所有其他浏览器中破坏它)

Answer 1

这是一个舍入误差。有关详细信息和可能的修复，请参阅this mozillaZine forum topic。

Answer 2

您将固定宽度的元素放在另一个元素中。

尝试使用固定元素作为容器，并将内部元素的宽度设置为100%。