Tại sao trang web của tôi bị mất liên kết bố cục lưới. Nó được làm bằng khối xây dựng

Question

Tôi đã tạo một trang thư viện. Nó hiển thị hình ảnh với chiều cao thay đổi. Theo đề xuất here to use a masonry plugin tôi đã sử dụng plugin xây dựng. Nó hoạt động rất tốt cho đến tối qua.

Nhưng sáng nay khi tôi kiểm tra lại, tôi mất liên kết. Không có thay đổi nào được thực hiện cho trang web kể từ 3 ngày qua. Đây là ảnh chụp.

Đầu, tất cả div của sẽ được tự động điều chỉnh (Các không gian được đánh dấu đã bị loại) và màn hình trông giống như

http://pinterest.com/

Nhưng tất cả của một đột ngột trang web của tôi bị mất liên kết của nó. Không thể tìm ra vấn đề.

Điều gì có thể là vấn đề .... Xin hãy giúp tôi. Trong một vấn đề lớn với trang web của tôi

Dưới đây là sự liên kết css và ứng dụng nề

#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' 
    }); 
}); 

Masonry không làm việc trong IE 8

Lưu ý: Tôi đang sử dụng CodeIgniter, Do đó tôi đang tải các tập tin header, body, footer vv.

Answer 1

Cố gắng sử dụng lớp chỉ được yêu cầu từ nề plugin như .box .col2 ...

lớp khác có thể ảnh hưởng tới tổng kết của bạn ..

Answer 2

Dường như với tôi, vùng chứa xung quanh quá lớn. Điều chỉnh chiều rộng thành một cái gì đó nhỏ hơn một lần nữa. Bạn có thể thấy trên biên giới bên phải thuật toán ốp lát vì vậy tôi đoán công trình xây dựng hoàn hảo.