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

  1. micagius
    Posted 3 years 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.


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



    <?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 id="clear-div">
              <!-- To resize main content holder -->
              </div><!-- end latest news -->
              	<?php get_sidebar(); ?>
     <?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
    Posted 3 years ago #

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

  3. Andrew Nevins
    Forum moderator
    Posted 3 years 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