WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar shifting to bottom in IE6 (10 posts)

  1. billydec
    Member
    Posted 5 years ago #

    I've read a million posts regarding this topic and I can't seem to find a solution. My sidebar is shifting to the bottom on some computers (I think IE6)...but it looks fine in most browses.

    Site :: http://tune-in-tokyo.com

    Does anyone have any ideas on how to fix this?

    Thanks,
    Billy

  2. La M
    Member
    Posted 5 years ago #

    I think the sidebar is too wide to fit on the right and so is floating down underneith the main content. Try putting a temporary 1px border around it and you will see.

    IE6 has a different box model to other browsers so padding and widths are treated differently. Try reducing the width, padding or margin of either #content or #sidebar in style.css

  3. stvwlf
    Member
    Posted 5 years ago #

    Hi

    The above advice is correct, but if you change the value in style.css that will also change it in all the other browsers, where it is already working correctly. .

    Here is a line of CSS code that uses an IE6 hack. If you add this as the last line in your style.css it will probably fix your IE6 problem

    * html #sidebar { width: 225px }

  4. billydec
    Member
    Posted 5 years ago #

    thank you stvwlf!

    my template has a ie.css which I am assuming is only for IE browsers (?). That's where I added the line of code and it seems to be all good now.

  5. stvwlf
    Member
    Posted 5 years ago #

    You are correct about ie.css being for IE browsers. Using Microsoft conditional comments it is only loaded when the browser being used is an IE browser

  6. jpvaneer
    Member
    Posted 5 years ago #

    stvwlf

    I have the same kind of problem with my blog on http://www.the-redplanet.com/blog
    when u open it in ie the sidebar comes out on top.

    Any advise?

  7. mtonumaa
    Member
    Posted 4 years ago #

    @stvwlf

    Your advice worked for me. Thank you very much!
    However my IE6 fix was to make the whole page 5px wider, not the sidebar:

    #content { width: 995px; }
    * html #content { width: 1000px; }
  8. Gouri
    Member
    Posted 4 years ago #

    I am also facing a similar problem on my blog. But surprisingly, the problem is only with the home page (index.php) on which the sidebar is shifted to the bottom when viewed in ie6. All other pages display well. Would appreciate suggestions to fix this problem. Thanks in advance.

  9. Gouri
    Member
    Posted 4 years ago #

    I just noticed that some of the single post pages also have this problem.

  10. Gouri
    Member
    Posted 4 years ago #

    Thanks everybody. Finally I fixed it by changing span-16 { width: 620px;} in the css to span-16 { width: 615px;}

Topic Closed

This topic has been closed to new replies.

About this Topic