IE 6 problems

  • I have been working on my blog and thought it was going well until I tried to read it on an older computer that runs Internet Explorer 6. With that browser the right sidebar is off and falls very low on the page. The left sidebar is fine. Both are fine in newer versions of IE and in FF. Would anyone know if there is anything that I can do to fix this so it will show correctly in all browsers? Thanks for any help.

Viewing 3 replies - 1 through 3 (of 3 total)

  • yes, you have to tweak the CSS in IE6. IE6 uses a different model of computing the width of certain sections on a webpage, and will sometimes “see” columns or sections as wider than other browsers see the same page elements.

    If there are only a few changes necessary you can use a hack as the easiest way to do it. (Back up your CSS file before changing anything, just in case)

    anything that starts with
    * html
    will only be seen by IE6

    so if you find that IE6 is a section called Sidebar as 10 pixels to wide, you can make these changes:

    find #sidebar in your style.css file. If you think the problem is width and you see this
    #sidebar {
    …
    width: 200px;
    …
    }

    beneath that #sidebar { } section, add this
    * html #sidebar { width: 180px; }

    Save, and refresh IE6. Repeat until you find what is causing your problmem. If a “fix” doesn’t fix anything, set it back the way it was before.

    Thread Starter jbog

    (@jbog)

    I don’t know CSS (but do know HTML) so I could be reading this wrong, but the only thing I see that even has the HTML word in it is this:

    #sidebar ul.sidemenu li {
    list-style: none;
    background: url(images/dots.jpg) repeat-x left bottom;
    padding: 4px 0 4px 5px;
    margin: 0 2px;
    color: #68774A;
    }
    * html body #sidebar ul.sidemenu li {
    height: 1%;
    }
    #sidebar ul.sidemenu li a {
    text-decoration: none;
    background-image: none;
    color: #666666;
    }

    I am thinking that may be the problem since the right sidebar is down real low which would make it a height problem, I would think. So, is this where I would make any changes and if so, what would I change it to? Thank you for your help!

    Thread Starter jbog

    (@jbog)

    In all my researching and reading and trying to figure this out, I think I may have found the problem. There is an RSS feed image in my theme and this image is rather large. I think that may be causing IE6 to have trouble with the width of the sidebar because of it. However, the image appears to be hotlinked so I have no idea how I can change the size. Is there anyway that I can change a hotlinked image?

    I did try saving it to my computer, re-sizing it and then uploading it to my image folder. I then changed the img src tag but apparently did something wrong because all I got was the red x. Any opinions or suggestions on this large hotlinked image causing my IE6 problems is very much appreciated. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IE 6 problems’ is closed to new replies.