2013-02-27 48 views
1

我想在我的网站上使用fancybox2,并且当我使用fancybox链接(Firefox)时,我一直让我的页面向右移动。从我读过的关于它我可以通过更改fancybox CSS来解决它,但我不会suceed。Fancybox2通过添加margin-right修改<body>的CSS

我:

body{ 
    width: 1024px; 
    margin: auto; !important; 
} 

而且使用的fancybox的时候,它就会(从萤火虫看):

<body style="margin-right: 0px;"> 

我试图改变CSS行:

.fancybox-lock { 
    overflow: auto; 
} 

.fancybox-lock .fancybox-overlay { 
    overflow: auto; 
    overflow-y: scroll; 
} 

但它不会解决问题。

对此的任何帮助将非常感激!

+0

为什么不使用通用包装容器而不是将尺寸应用于'body'标签? (你会节省很多头痛;) – JFK 2013-02-27 19:31:06

+0

你是如此的正确。这解决了我的问题,尽管我从来不知道在身体上应用一些CSS是一个不好的习惯!谢谢,我学到了东西,它解决了我的问题:) – NicoDeug 2013-02-28 14:08:19

回答

1

当使用!重要时,它应该沿着值而不是在分号后面。

这是错误的:

margin: auto; !important; 

这是正确的:

margin: auto !important; 

希望这让你更接近的解决方案。