Firefox 3的定心错误（？任何CSS黑客或修正）

Question

我有在Firefox 3与中心项目问题

（我搜索，但没有找到这个回答 - 希望不要再后）

我将代码分解为两个元素来演示 - 您可以在此处看到： http://prwmusic.com/misc/csstest/home-sample-fix.html

现在慢慢地让浏览器窗口变得更宽和更窄。假设您使用的是Firefox 3，您是否看到白色背景在蓝色DIV的左侧如何突然出现，其他每个像素是拖曳到更宽还是更窄？然而，IE6，IE7，Safari，甚至FF2都很好。

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

看上去发生的情况是，当窗口大小为奇数时，Firefox在背景图像的右侧添加1，但是它将前景的左侧加1，这会抛出所有内容。

首先想到的可能是“只在背景图像中包含蓝色”。但是，我正在进行的项目的实际设计相当复杂，而且这种奇怪现象贯穿整个网站，遍布页面的所有部分 - 我不能让蓝色成为背景的一部分。我只用这个简单的例子来演示。

是否有任何方法可以使项目始终与Firefox 3保持一致，以确保如果某人的浏览器宽度不是奇数，就不会出现显示错误？ （显然，没有在所有其他浏览器中打破它）

Answer 1

你有你的固定宽度的元素内的其他元素。

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

Answer 2

这是舍入错误。请参阅this mozillaZine forum topic了解更多细节和可能的修正。