Почему сбивается визуальное положение записей на странице?

Question

[dark_soho]

Приветствую!

cms wordpress, тема "portal", модифицирую под себя.
проблемные места - index.php, archives.php (страница всех записей, страница категорий)
на странице помещается 20 записей (2 строки по 5 шт), далее идет переход на след. страницу.

Когда публикую 9-ую запись, она сбивается и отображается как на картинке:


При добавлении последней 10-ой записи, все выстраивается как надо:
PS: В оригинальной теме кол-во записей на строку было 3, но они были больше по размеру. Я уменьшил значение в параметре "width" в классе .exсerpt до 17,6%, и стало помещаться 5 записей в длину.

Так как записей будет много, баг всегда будет повторяться на девятой записи.
Помогите пожалуйста найти причину косяка.
сайт - soholand.96.lt/releases

Answer 1

[Илья Шатохин]

У вас непостоянная высота у блоков (из-за разных по количеству строк тайтлов).
Чтобы убедится, что все работает, поставьте им временно .exсerpt { height: 240px; }.

Comments

[dark_soho]

благодарю, все получилось!

[Илья Шатохин]

dark_soho: Это не лучшее решение. В идеале каждая строка должна быть обернута в общий блочный элемент. Посмотрите как реализованы "row" в bootstrap 3.

[dark_soho]

Илья Шатохин: к идеалу пока не стремлюсь, познаю самые основы! спасибо :)