Dlaczego moja witryna straciła wyrównanie układu siatki. Wykonano go z muru

Question

Stworzyłem stronę galerii. Wyświetla obrazy o zmiennej wysokości. Zgodnie z sugestią here to use a masonry plugin użyłem pluginu murarskiego. Sprawdziło się do ostatniej nocy.

Ale dziś rano, kiedy ponownie to sprawdziłem, zgubiłem wyrównanie. Żadne zmiany nie zostały wprowadzone na stronie od ostatnich 3 dni. Oto migawka.

Wcześniej, wszystkie div są automatycznie dostosowywane (Zaznaczone przestrzenie zostały wyeliminowane), a wyświetlacz wyglądał

http://pinterest.com/

Ale nagle moja strona utraciła wyrównanie. Nie można znaleźć rozwiązania problemu.

Co może być problemem ... Proszę, pomóżcie mi. Na duży problem z mojej strony

Oto wyrównanie css i aplikacja murowane

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

murarski nie działa w IE 8

Uwaga: Używam CodeIgniter, stąd ładuję pliki nagłówka, ciała, stopki itp.

Answer 1

próbować używać tylko wymaganą klasę z murów wtyczki jak .box .col2 ...

Inne klasy może dokonać całkowitego wyrównania ..

Answer 2

Wygląda na to, że otaczający pojemnik jest za duży. Dostosuj szerokość do czegoś mniejszego. Na prawej krawędzi widać algorytm kafelkowania, więc domyślam się, że murowanie działa idealnie.