Sidebar dropping below content in IE6
-
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
-
you really have to start by fixing these errors:
http://validator.w3.org/check?uri=http://www.karenleefield.com/test/
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?
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
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 »</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(); ?>
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?
now we can look and probably help 🙂 Good job on the validation!!
Thank you. Any suggestions?
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
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.
Thank you Whooami, the problem has been solved. I appreciate your help and I learned a lot from this “exercise”.
Many thanks.
- The topic ‘Sidebar dropping below content in IE6’ is closed to new replies.