Left Hand Menu

Hi All

My site uses the CSS from Powerstore 1 for its left hand Menu. Please could someone tell me what to change so that my right column doesn't go below the left menu in Internet Explorer 6.

Url is www.tshirt-town.com


Thanks in advance

Michelle

I'm not seeing this when I test in IE6, but the most common cause for what you're describing is that the outer container's width is not large enough to contain the two column's width, so IE6 renders the columns as one below the other. So make sure that the outer container is large enough to hold the two columns' widths.

Hi jimmy

Sorry here;'s the right url where its doing it. If you could help me correct this for IE6 I would really appreciate it.

Thanks in advance

products.php?CatID=1&SubCatID=26

Hi MIchelle,

I needed to move the left menu over to fit more text on the line. To do this I changed the margin value (in content.css) and this caused a problem in IE7.

The solution was to use 'padding' instead of 'margin-left':

#sideMenu ul {
margin-top: 17px;
margin-bottom: 10px;
margin-left: 0px;
padding: 0px 0px 0px 24px;

Hi Guys I've tried that and i still can't get it to work can someone please help me!

Here's the url products.php?CatID=1&SubCatID=1

Thanks in advance

The error is caused by the width of the outerwrapper being too small to contain the two columns of content. IE6 renders the columns so that they fit within the container(that's why one gets pushed down), but other browsers display them side by side still. The solution is either to increase the width of the outer container or to reduce the width(s) of the columns. You can make these changes in the content.css file.