Показать сообщение отдельно
  #1 (permalink)  
Старый 24.04.2014, 15:35
Новичок на форуме
Отправить личное сообщение для faraoni Посмотреть профиль Найти все сообщения от faraoni
 
Регистрация: 24.04.2014
Сообщений: 2

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; }


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

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