Помощь Некорректно выводятся посты!

[k0missar]

На главной странице некорректно выводятся посты в два столбика. Может образовываться пустота в один пост. (пример на прикрепленном скриншоте)
Код index.php

<?php get_header(); ?>

<!-- BEGIN content -->
<div id="content">
    <div class="content_slider">
    <?include (ABSPATH . '/wp-content/plugins/coin-slider-4-wp/coinslider.php'); ?>
    </div>
	<?php
	if (have_posts()) :
	while (have_posts()) : the_post(); 
	?>

	<!-- begin post -->
	<div class="post">
		<div class="img"><img src="http://news.local/img/<?php echo get_post_meta($post->ID, "img", $single = true); ?>.jpg" alt="<?php the_title(); ?>" /></div>
		<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
		<p class="date">Опубликовано <?php the_time('d M Y') ?>. Автор: <?php the_author_posts_link(); ?></p>
		<?php the_excerpt(); ?>
		<a class="continue" href="<?php the_permalink(); ?>">Читать далее</a>
	</div>
	<!-- end post -->
	
	<?php endwhile; ?>
	<div class="postnav">
	<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); else: ?>
	<ul>
	<li><?php next_posts_link('Старые записи'); ?>&nbsp;</li>
	<li><?php previous_posts_link('Новые записи'); ?>&nbsp;</li>
	</ul>
	<?php endif; ?>
	</div>
	<?php else : ?>
	<div class="notfound">
		<h2>Ничего не найдено.</h2>
<p>Ничего не удалось найти. Попробуйте изменить поисковый запрос.</p>

	</div>
	<?php endif; ?>

</div>
<!-- END content -->

<?php get_sidebar(); get_footer(); ?>

 

[Conwell]

Судя по картинке первый пост имеет бОльшую высоту по вертикали относительно второго, а заполнение блоками (div) идет одно за другим, во втором ряду справа есть место чуть выше, его и занимает блок с третим постом. Надо смотреть как себя ведет при этом CSS для этих блоков.
Возможное решение - выводить блоки постов в таблице по 2 на строке, или как вариант задать жесткую высоту блока поста через CSS и обрезать лишнее через overflow:hidden.

 

[buhito]

по картинке я вижу что у вас каждая новость помещается в тег <div> у которого задана характеристика float:left;
Причина: Баг появляется из за разных размеров блока.

Решение: либо задать точную высоту, либо после каждых 2 блока ставить div с характеристиками: clear:both;height:0;overflow:hidden;

 

[lolpw]

clear:both;overflow:hidden; вполне хватит