2012-12-19 27 views
6

我创建了一个画廊页面。它显示具有可变高度的图像。如建议here to use a masonry plugin我使用砌体插件。它工作得很好,直到昨晚。为什么我的网站失去了网格布局对齐。它用石工

但今天早上当我再次检查时,我失去了对齐。自过去3天以来没有对网站进行任何更改。这是快照。 Check my site's screen shot here

此前,所有的div自动调整(被标记的空间被淘汰)和显示器看起来像

http://pinterest.com/

但是突然我的网站失去了它的定位。无法找出问题。

可能是什么问题....请帮助我。在一个大问题,我的网站

这里是CSS定位和砖石应用

#body {background-color:#1c4d5c;padding:10% 0% 20% 20%;} 
#imagesection 
{ 
margin:10px 10px 10px 10px; 
float:left; 
width:214px; 
border: 5px solid #f0f0f0; 
background-color:#d2dbde; 
border-radius:5px; 
} 

var $container = $('#body'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector : '#imagesection' 
    }); 
}); 

砌体不能在IE 8的工作 Masonry doesn't work in IE 8

注:我用笨,所以我在视图中加载标题,正文,页脚等文件。

+2

妖精,妖精肯定......但在所有诚实,怎么我们是否应该知道没有实例或代码? – ChrisR

+1

您需要提供更多详细信息。我们的当地传心路线正在度假。 – Ranty

+0

Goblins是什么意思ChrisR –

回答

6

尽量只使用所需的类从砖石插件像.box的.col2 ...

其他类可能会影响你的总对准..

+0

我只有两个div,一个是#container,另一个是#imagesection我只适用于这两个div。此外,如果我使用所有的CSS类,如你所说,这将不会工作得更早! –

+2

@ Rama raju dantuluri - 我无法从这里猜出确切的尝试包括.box类也如果你有火虫检查控制台的任何错误 – Abhi

+0

嘿@abhi我已经编辑我的问题与CSS和砖石JavaScript应用程序。请看一看。我想在这个问题上造成石匠插件的一些变化。因为突然之间为什么这个问题已经提出了?我对么 ? –

2

它看起来像我周围的容器太大。将宽度再次调整为更小。你可以在右边看到平铺算法,所以我猜砌体完美。

+0

要采取明确的截图,并让你知道有关对齐我缩小屏幕,并采取了屏幕截图。因此,这似乎是它周围有大容器的原因。 –

+0

你的意思是你有响应的布局,当你放大probelm坚持?砌体需要一个固定宽度的容器,不能使用响应式布局。 – Bytemain

+0

问题甚至在默认缩放时仍然存在。我的意思是,要全面了解我的网站(截至目前我无法为您提供站点链接,不好意思!)我在浏览器窗口放大的同时截取了屏幕截图。 –