Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Massonry ведет себя не корректно. (https://javascript.ru/forum/xhtml-html-css/46797-massonry-vedet-sebya-ne-korrektno.html)

faraoni 24.04.2014 15:35

Massonry ведет себя не корректно.
 
http://shop.omito.ru/category/scooter/

для вывода блоков с товарами используется плагин
вот инициализация.



{literal}<script type="text/javascript">
  $(document).ready(function(){ 
    $('#conteiner_mas').masonry({
      itemSelector: '.item',
          singleMode: true,
      isResizable: true,
      isAnimated: true,
          animationOptions: { 
          queue: false, 
          duration: 500 
      }
    }); 
  });
</script>{/literal}


#conteiner_mas {overflow:hidden; width:100%; display:block; max-height:100%; float: left;}
.item {
  float: left;
}

#conteiner_mas .item {width: 230px; margin: 10px; }
#conteiner_mas .item li{list-style-type: none;}
#conteiner_mas .item a{ text-decoration: none;}
#conteiner_mas .item h5{ color: #fff; font-weight: normal; font-size: 1.5em;}
#conteiner_mas .item .my_price{ color: #fff; font-weight: normal; font-size: 1.5em; border: 1px solid #fff; border-radius: 18px; padding: 2px 5px;}
#conteiner_mas .item .compare-at-price{ color: #fff; font-weight: normal; font-size: 1.0em; }


вверху стили.

Плагин работает, но не совсем корректно. во всех браузерах блоки накладываются друг на друга, обычно это вылазит после пары обновлений.
В чем может быть причина.


Часовой пояс GMT +3, время: 11:03.