[Помогите] Некорректно выводятся посты!

Тема в разделе "Wordpress", создана пользователем k0missar, 12 июн 2011.

Статус темы:
Закрыта.
Модераторы: Sorcus
  1. k0missar

    k0missar

    Регистр.:
    20 сен 2008
    Сообщения:
    200
    Симпатии:
    25
    На главной странице некорректно выводятся посты в два столбика. Может образовываться пустота в один пост. (пример на прикрепленном скриншоте)
    Код index.php
    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(); ?>
     

    Вложения:

    • pusto.gif
      pusto.gif
      Размер файла:
      69,2 КБ
      Просмотров:
      14
  2. Conwell

    Conwell

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

    buhito Создатель

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

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

    lolpw Постоялец

    Регистр.:
    16 апр 2008
    Сообщения:
    51
    Симпатии:
    2
    clear:both;overflow:hidden; вполне хватит
     
Статус темы:
Закрыта.