WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar dropping below content in IE6 (11 posts)

  1. Scribe
    Member
    Posted 7 years ago #

    I know this question has been asked before, but the threads I've found have not been answered or haven't helped me.

    I am using WordPress version 2.2 with the Ocean Mist theme. In Firefox and IE7 the sidebar is fine, but in IE6 it drops below the content. I have tried narrowing the content and/or the sidebar columns, but it hasn't worked. I don't know what else to try. Can anyone help me please?

    The url to my test site is:
    http://www.karenleefield.com/test/

    Thank you in advance for your help.

    Karen

  2. whooami
    Member
    Posted 7 years ago #

    you really have to start by fixing these errors:

    http://validator.w3.org/check?uri=http://www.karenleefield.com/test/

  3. Scribe
    Member
    Posted 7 years ago #

    I don't have the know how and I think it's picking up pages on my "real" site, which I'll be replacing in a few days anyway.

    Can someone help me please?

  4. Chris_K
    Member
    Posted 7 years ago #

    The validator link that whooami gave you is looking at the /test url you provided.

    69 errors -- more than 1 of which could cause the observed issue.

    Again: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.karenleefield.com%2Ftest%2F

  5. Scribe
    Member
    Posted 7 years ago #

    After many hours I've managed to get the errors down to 24, but I don't know how to fix the others (not including the four ul tags at the bottom).

    I know the errors are in the index page and have something to do with the div tags, but I need help with these ones. Can anyone point me in the right direction? What is wrong with the following?

    This is the coding:

    <?php get_header(); ?>
    
    	<div id="content" class="narrowcolumn">
    
    	<?php if (have_posts()) : ?>
    
    		<?php while (have_posts()) : the_post(); ?>
    
    			<div class="postwrapper wideposts" id="post-<?php the_ID(); ?>">
    			  <div class="title">
    				<small><?php the_time('j M Y') ?> <?php edit_post_link('(edit)'); ?></small>
    				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
    			  </div>
    			  <div class="post">
    			    <div class="entry">
    			      <?php the_excerpt(); ?>
    				  <ul class="buttons">
    				   <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Read More &raquo;</a></li>
    		            </div>
    
    			      <div class="special"><?php comments_popup_link('No Comments yet...', '1 Comment so far...', '% Comments already...'); ?></div>
    			      <div class="postinfo"><p>Filed Under:
    				  	<ul class="catlist">
                          <li><?php the_category('</li><li>') ?></li>
    	                </ul></p>
    			    </div>
    			  </div>
    			</div>
    
    		<?php endwhile; ?>
    
    	<?php else : ?>
    
    		<div class="title">
    		  <h2>Not Found</h2>
    		</div>
    		<p class="center">Sorry, but you are looking for something that isn't here.</p>
    		<?php include (TEMPLATEPATH . "/searchform.php"); ?>
    
    	<?php endif; ?>
    
    	<div class="title">
    	  <h2>Categories</h2>
    	</div>
    	<div class="post">
    	  <ul class="catlist">
            <?php wp_list_cats('sort_column=name&hide_empty=0'); ?>
    	  </ul>
    	</div>
      </div>
    
    <?php get_sidebar(); ?>
    
    <?php get_footer(); ?>
  6. Scribe
    Member
    Posted 7 years ago #

    OK, I managed to get help from elsewhere and I now have a validated page, but the sidebar is still dropping down under the content when I use IE6 only.

    Is there anything else I can try?

  7. whooami
    Member
    Posted 7 years ago #

    now we can look and probably help :) Good job on the validation!!

  8. Scribe
    Member
    Posted 7 years ago #

    Thank you. Any suggestions?

  9. whooami
    Member
    Posted 7 years ago #

    sure ..

    the trouble is here:

    .wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 24px 18px 0;}

    you changed that from this:

    .wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}

    Put back the original and do a hard refresh on a page

    that 24px margin has nowhere to go

  10. moshu
    Member
    Posted 7 years ago #

    Do you have a copy of the original sidebar.php file - without your modifications? If yes, save yours and upload the original. See if it works.

  11. Scribe
    Member
    Posted 7 years ago #

    Thank you Whooami, the problem has been solved. I appreciate your help and I learned a lot from this "exercise".

    Many thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic