X-Cart forums

[gb2world]

The issue was not with the div that you add the border to, it was with the span that was around the div - it was not big enough to hold the image plus the border you added - it was only big enough to hold the image.

[Sisom]

But doesn't the product image use the same type of layout as the thumbnail image - i.e. a div to contain the div which contains the image?

[gb2world]

You would probably have to look at the exact differences to narrow in on the different behavior.

The link you originally published, if I remember correctly, was an image inside an href inside a span, with the span and the image being sized by the same smarty variable, leaving no room for the border you added. If the image you are comparing to is a div inside a div, that is a little different.

Probably - the href is not allowed to expand outside the containing div, so the border does not show. But the div inside the containing div is probably allowed to expand. You'd have to experiment a bit to see if that is the case. This is the kind of css that sometimes has differences across browsers too. Best just to leave room for the border with the containing div. (It might be worth reporting to QT as a minor bug. They probably won't see it as a bug, but at least will be aware of it. I don't think there is any reason to have the spacing so tight and it would be easy just to add a few pixels to avoid any confusion.)