在Firefox 16.0.1中启动fancybox时页面布局中断

我在我的网站上添加了fancybox 2插件，当我在Chrome和Safari中测试时，它运行正常，但在Firefox中却没有。 页面加载正常，但是当您单击缩略图打开精美框时，我的body标签中的边距样式将被取消（我使用firebug确定了这一点）并且我的整个布局完全转移到视口的右侧。 当你点击花式框时，布局仍然向右推。 有没有人有类似的问题，你会有任何提示，如何解决它？ 我已经发布了我的DOCTYPE，并且随着我的身体css规则发出咆哮。 如果需要更多信息，请告诉我。 该网站尚未上线所以我无法链接到它。 如果我错过任何明显的事情，我很新闻。 非常感谢任何认为可以提供帮助的人！

             body { width: 1050px; background: #c7c7c7; margin: 0 auto; overflow: scroll; } 

Answer 1

我今天早上实际上遇到了同样的问题。 我使用的解决方案（可能有更好的选择）是创建一个div包裹身体内容并设置宽度，然后将身体宽度设置为100％;

  
 // Page content 
  

CSS：

 body { width: 100%; } #container { width: 1050px; margin: 0 auto; } 

似乎解决了Firefox的问题，我们将其测试回IE7没有任何问题。