finding a needle in a haystack - please help

[tracyselena]

Hi, I am trying to find a single space that is showing up on a number of pages on my site. It's only visible when using IE 6 or 7.
It's on this page:
http://www.moddog.ca/shop/index.php?...products_id=20

and it's in between the "ABOUT US" vertical link on the left and the main category heading image. This one space is causing the category image to be shifted to the right which is causing a thin black line down the right hand side of the main content area.

I am not sure what php page is being called here. Once I find the page, then I can probably find the space that IE is reading, but I don't know enough about Zen-cart to know which page is being called.

If anyone can point me in the right direction, it would be greatly appreciately. This is like trying to find a needle in a haystack.

Thanks Tracy

[ronlee67]

It looks like you have a similar problem in the right column as well.
Notice that the border for the header box in the middle (the one with the dog with red collar at the right side) is offset about one point to the right and this corresponds with the lines at the left and right.

In otherwords, something in the code for that box is forcing a shift of the middle column about 1 point to the right.

Are you using a table in the main page define? I have repeatedly encountered much bigger shifts while using tables there. The solution seems to be to add a </p>, </div> or <br /> right after the </table>. I don't know why and it takes some trial and error to pick the right code and even then it might not work. Maybe somebody with better knowledge can make some sense out of these clues and give you (and I) better insight in whats going on.

BTW, the lines you are seeing are likely the background color (brown) being exposed when the foreground elements are shifted to the right.

I would start by going to admin/tools/Define Pages Editor and view the main page code. I think the fix will have to be there.

[tracyselena]

hi ronlee67,
Thanks, yes the fine line is definately the background showing up because of the shift in the image.
I looked at my main page define. There was a blank line in front of the <table> which I removed - didn't make a difference.
But that page is only for the home page is it not?
This problem is not happening on the home page, only on the product detail pages.

Thank you for your hints.
Tracy

[ronlee67]

Then I think I would check the code in the category header files. Do you have the same problem with all categories, or just this one?

I just noticed this header is actually an image (cat_head_ruffnecks.jpg). Try reducing the image's size by 1 to 3 pixels in width.

If that doesn't work, you might try experimenting with the <img> tag by adding various align parameters. i.e. <img src="/images/categories/cat_head_ruffnecks.jpg" align="left">. Other align choices that may effect this would be "right" and "center". I don't have a lot of confidence that align will fix it, but if resizing the image doesn't work, then it might be worth a try.

Ron

BTW How come its named "cat head ruffnecks"? It looks like a dog modeling it? (smile)