Support » Fixing WordPress » Sidebar and IE6

  • Yes I know there are a lot of answers to this topic but I can’t find a solution. The sidebar is dropped down when using IE 6. It looks fine with Firefox or Opera. I’ve checked the dimension of items and the number of posts. I’ve even reduced the padding. Yes, I’ve got a lot of mistakes when validating the xhtml but I don’t know how to fix them. Everything is automatically generated by WordPress. I’ve just changed the style in order to fix the IE problem.
    I hope someone could help me.
    My webpage is here:

Viewing 5 replies - 1 through 5 (of 5 total)
  • OceanArtwork


    HiIm having the same problem
    have you had any luck??
    I am new to WordPress and have been working on a site ( ) using a great theme( ) that I have modified a bit.
    I used the instructions from this post ( ) to remove comments but Im almost certain this is not the problem
    The problem I’m having is that it doesnt display properly in IE5, IE5.5 and IE6 . See screenshots here
    and here
    If you check the screenshots you’ll notice that the right sidebar has dropped but also the icons in the Archive an categories lists/ navigation in the left siebar have appearred twice an or the link is below where vit should be
    Now I know there are 100’s of posts in the forum on this subject and Ive read most of them but I still cant seem to find the problem.
    Most of the posts have the same answer do a search for “sidebar dropped”
    And I realise it has something to do with the widths but I have change everything I can think of and its still no good
    Is there anyone out there who could take a look at it for me an let me know what to look for??
    I know the fix is probably right under my nose. but Im at my wits end an just about ready to abandon it completely Any help greatly appreciate



    Same problem here:

    also modifying silver-lexus-theme.

    A textwidget with a signup script in the left-hand sidebar looks fine in FF but is down the screen on IE6.

    Appreciate any suggestions.



    sometimes making a theme compatible with IE6 is like building a canoe that can float on lava…..
    typically i try and make the inside containers smaller than the overall width…….so if the width is 800px you make the inside containers equal 798 or 795 or something……

    that may not fix everything, just a suggestion that sometimes works

    you may want to check

    I found a workaround, which worked for me.

    Try adding these lines to the header:

    <!--[if IE]>
        .container-right ul li { width: 150; padding: 0;}
        .container-right ul li ul { width: 100%; }

    ivata, thanksssssss!
    It really works for me!

    I just inset this code after

    <!--[if IE]>
    <style type="text/css">
    #sizer {width:expression(document.body.clientWidth > 650 ? "100%" : "100%" );}

    in header.php and now it works perfectily!

    Thanks a lot, man!


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sidebar and IE6’ is closed to new replies.