Проблема с плиточной версткой

[Адель]

Буду краток:

Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html
 

 

В чём соль:
По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки.

По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. 
 

 

Фиксированную высоту, пожалуйста, не предлагайте

[mrnobody]

http://masonry.desandro.com/

[Адель]

  On 3/14/2014 at 6:43 PM, mrnobody said:

http://masonry.desandro.com/

Интересный вариант. 

 

Можете помочь? 

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

 

 

P.S. Только что попробовал в разных браузерах, заработало в Firefox. Chrome и Opera отображают не верно

Edited March 15, 2014 by Адель

[mrnobody]

Можете ссылку на проблему дать или закинуть в http://jsfiddle.net/ ? Ну или в крайнем случае архив.

[Адель]

  On 3/15/2014 at 7:29 AM, mrnobody said:

Можете ссылку на проблему дать или закинуть в http://jsfiddle.net/ ? Ну или в крайнем случае архив.

 

Вот архив: http://ynws.esy.es/1.rar

[mrnobody]

Вы не подключили jQuery.

Вот так должно быть:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript"  src="scripts/masonry.pkgd.min.js"></script>

[Адель]

  On 3/15/2014 at 8:01 AM, mrnobody said:

 

Вы не подключили jQuery.

Вот так должно быть:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript"  src="scripts/masonry.pkgd.min.js"></script>

Ага... Всё вроде ничего, однако остаются мелкие недостатки: 

1)Последние элементы прижимаются по разному и иногда тоже наезжают на элемент выше.

2)Последовательность. Почему-то заполняется не построчно слева-направо, а в общем-то как ему удобно :-)

[mrnobody]

У меня они не наезжают. А вот последовательность, согласен, он располагает их так, что где выше всего он вставляет следующий элемент (не знаю правильно ли я выразился )) ).

Вот мой скрин. поставил .cell красную обводку, чтобы было более наглядно.

http://img208.imageshack.us/img208/4597/mepz.jpg

Edited March 15, 2014 by mrnobody

[Адель]

  On 3/15/2014 at 8:35 AM, mrnobody said:

У меня они не наезжают. А вот последовательность, согласен, он располагает их так, что где выше всего он вставляет следующий элемент (не знаю правильно ли я выразился )) ).

Вот мой скрин. поставил .cell красную обводку, чтобы было более наглядно.

http://img208.imageshack.us/img208/4597/mepz.jpg

А какой браузер юзаете ? :-)

[mrnobody]

Хром 33.0.1750.149 m

В Мозилле (27.0.1) тоже все хорошо. Сейчас запустил в опере 12.16 и IE11 — все нормально.

Edited March 15, 2014 by mrnobody

[Адель]

  On 3/15/2014 at 8:50 AM, mrnobody said:

Хром 33.0.1750.149 m

В Мозилле (27.0.1) тоже все хорошо. Сейчас запустил в опере 12.16 и IE11 — все нормально.

Хм, можете взглянуть, возможно я что-то сделал не правильно: http://ynws.esy.es/index3.html

 

P.S. Косяк происходит при обновлении страницы.

Edited March 15, 2014 by Адель

[mrnobody]

попробуйте отключить шрифт вердана у селектора .text.

[Адель]

  On 3/15/2014 at 9:20 AM, mrnobody said:

попробуйте отключить шрифт вердана у селектора .text.

всё так же...

[mrnobody]

  On 3/15/2014 at 9:29 AM, Адель said:

 

  On 3/15/2014 at 9:20 AM, mrnobody said:

попробуйте отключить шрифт вердана у селектора .text.

всё так же...

 

Ага, лоханулся я ))

Вот архив http://yadi.sk/d/TcS1k2_EKZGtN

 

Я изменил только index.html. И сделал и использованием jQurey после загрузки всей страницы. (событие load, не путать с событием ready - это разные вещи)

Edited March 15, 2014 by mrnobody

[Адель]

  On 3/15/2014 at 9:39 AM, mrnobody said:

 

  On 3/15/2014 at 9:29 AM, Адель said:

 

  On 3/15/2014 at 9:20 AM, mrnobody said:

попробуйте отключить шрифт вердана у селектора .text.

всё так же...

 

Ага, лоханулся я ))

Вот архив http://yadi.sk/d/TcS1k2_EKZGtN

 

Я изменил только index.html. И сделал и использованием jQurey после загрузки всей страницы. (событие load, не путать с событием ready - это разные вещи)

 

Спасибо Теперь надо искать решение проблемы со строчной заполняемостью