WordPress.org

Ready to get started?Download WordPress

Forums

Empty Space + Break Before Posts Loop in IE (3 posts)

  1. micagius
    Member
    Posted 1 year ago #

    Before the posts loop in IE there is a large empty space in which posts should be there. Both on homepage and all other pages.

    http://sangiljanasc.com/

    This problem isnt happening in any other browser. It was my first wordpress website so please forgive me, the code isn't perfect. Thanks

    INDEX.PHP

    }`

    <?php get_header(); ?>
    
            <div id="main-content">
    
    	<div id="page-wrap">
    
             <div id="latest-news">
             <img src="<?php echo bloginfo('template_directory') .  '/images/latestnews.png'; ?>" alt="Latest News" />
    
             <div id='posts'>
             <?php if(have_posts()) : while(have_posts()) : the_post(); ?> 
    
               <div class="post-item">
    
    					<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    
    					<p class="meta">Posted on <?php the_date(); ?></p>
    
    					 <div class="summary"><?php the_content('Read  More...'); ?> </div>
    					 <br />
    
                     <!--   <p class="readmore"><a href="<?php the_permalink(); ?>">Read More</a></p> -->
    
             </div><!-- end post-item -->
    
             <?php endwhile; ?>
    
             <?php else : ?>
             	<p>Sorry, no content is available yet.</p>
             <?php endif; ?>
    
             <div id="morePrev">
    					<?php next_posts_link('More...'); ?>
    					<?php previous_posts_link('Return...'); ?>
    				</div> <!-- END POSTS -->
    </div>
    
              <div id="clear-div">
    
              <!-- To resize main content holder -->
              </div>
    
              </div><!-- end latest news -->
    
              	<?php get_sidebar(); ?>
    
          </div>
    
    	</div>
    
    </div>
    
     <?php get_footer(); ?>
    div#main-content div#latest-news {
    			float: left;
    			width: 750px;
    
    		}
      div#main-content div#latest-news div#posts { margin-top: 0; }
    
    		div#main-content div#latest-news div#posts  .post-item{
    
    		margin-top: 2px;
    	    margin-bottom: 10px;
    	    border-bottom: 1px solid #515151;
    	    overflow: hidden;
    	    padding: 10px;
  2. micagius
    Member
    Posted 1 year ago #

    I look forward to hearing anyones opinion on how i can solve this problem thanks

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Run each webpage you want browser-compatible through W3C's validator and strive for validity.

Topic Closed

This topic has been closed to new replies.

About this Topic