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!
