Masonry IE9 всегда показывает только один столбец

У моего Masonry всегда есть только один столбец в ie9, хотя в Firefox он отлично отображает столбцы. Я поместил простой пример в Fiddle: http://jsfiddle.net/vNXGB/

То же самое, с float:left или без него. Похоже, это не зависит от того, какой из трех скриптов imageLoaded я пробовал, и есть ли у меня изображения:

https://gist.github.com/1539102

https://github.com/desandro/imagesloaded/

https://github.com/alexanderdickson/waitForImages

Так что остается проблема в моем коде Fiddle? Я попытался применить CSS в другом месте, я попытался сбросить настройки IE по умолчанию, очистить кеш IE, загрузить свой сайт, чтобы он не находился на локальном хосте, и т. д.

Есть идеи? Спасибо. :)


person Jennifer Michelle    schedule 07.08.2012    source источник


Ответы (2)


Спасибо, Дженнифер,

Я просто добавлю, что эта проблема/решение также относится к Packery Metafizzy. Я не проверял изотоп, но не удивлюсь, если вы его там тоже найдете.

person Ecksley    schedule 18.11.2013

Что ж, на случай, если кто-то еще застрял на этом этапе, вот ответ от desandro (автора):

Спасибо за сообщение об этой ошибке :)

Похоже, это было вызвано каким-то CSS

.brick { margin: 0 auto 10px auto; }

Эти auto заставляли IE измерять ширину кирпича как занимающую всю ширину контейнера. Изменение его на поле: 0 0 10px 0; вроде исправили.

см. http://codepen.io/desandro/pen/sflJa

person Jennifer Michelle    schedule 15.08.2012