2012-11-09 4 views
1

Live siteбоковой панели отображения ниже почтовое содержания, а не рядом (Wordpress)

В попытке сделать боковую панель динамична, что-то произошло, что вызвало всю свою боковую панель для толкания с правой стороны контейнера блог ниже всего почтового контента , Раньше я не испытывал этой проблемы - обычно я могу это сделать без проблем, поэтому я не уверен, что искать. Есть идеи?

HTML/PHP

<?php get_header('blog');?> 

    <div id="blog-container">  
     <div id="blog"> 
      <?php if (have_posts()) : ?> 
      <?php while (have_posts()) : the_post(); ?> 
      <div class="post-title"> 
       <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 
      </div><!-- end post-title --> 
      <div class="post"> 
       <?php the_content('read more..'); ?> 
      <div class="post-meta"> 
       <p><?php the_date(); ?> | <?php the_tags('tags:', ', ', ''); ?> | <?php comments_number('0', '1 comment', '% comments'); ?></p> 
       <?php comments_template(); ?> 
      </div><!-- end post-meta --> 
       <?php endwhile; ?> 
       <?php else : ?> 
        Nothing found. 
       <?php endif;?> 
      </div><!-- end post --> 
     </div><!-- end blog --> 
     <?php get_sidebar(); ?> 
     <?php get_footer(); ?> 
    </div><!-- end blog-container --> 

CSS

#sidebar { 
    float: right; 
    margin-top: 80px; 
    padding-right: 10px; 
    position: relative; 
    width: 300px; 
} 

.blog-social { 
    clear: both; 
    padding-bottom: 20px; 
    text-align: center; 
} 

.blog-social ul li { 
    display: inline; 
    padding-right: 10px; 
} 

.blog-social ul li:last-child { 
    padding-right: 0px; 
} 

#sidebar .social-heading { 
    text-align: center; 
} 

#sidebar #twitter-feed { 
    font-family: podkova; 
    font-size: 80%; 
    color: #333333; 
    letter-spacing: 1px; 
    line-height: 1.5; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    width: 280px; 
} 

#sidebar #twitter-feed ul li { 
    padding-bottom: 10px; 
} 

#sidebar #instagram-feed { 
    padding-top: 20px; 
    padding-bottom: 20px; 
} 

ответ

3

Это выглядит как элемент отсутствует закрывающий тег, поэтому боковая панель визуализируется внутри #blog дел. Попробуйте переместить </div><!-- end post --> выше <?php endwhile; ?>.

+0

Отлично, спасибо. – AMC

Смежные вопросы