Add to Cart button obscured by additional image

[Brent]

Hi,

Please could one of the CSS boffins take a look at this link and tell me why the add to cart button is hidden underneath the additional image?

I also have a similar problem where the "Customers who purchased this product..." sits on top of Tell a Friend and Add to Cart.

I got around this by changing:

.centerBoxWrapper {
margin: 1.1em 0;

to

.centerBoxWrapper {
margin: 13.1em 0;

but this has small knock on effects elsewhere.

This store was upgraded from 1.2.7d and I have added Column Divider Pro if either of these facts are important.

Any help greatly appreciated as I've trawled through many posts but found nothing that shows me the light.


Regards

Brent

[Brent]

Sorry forgot to state that this problem only appears when viewing in Firefox.

[LissaE]

Try adding <br class="clearBoth"/> between the add to cart section and the additional product section in includes/templates/template_default/templates/tpl_product_info_display.php and save it to your custom folder includes/templates/uktemplate/templates/tpl_product_info_display.php, (if you're already modified this file just edit the one in your overides) put it right before this section:

<!--bof Additional Product Images -->

Hopefully that will help

[Brent]

Very helpful

I had been trying to add <div class="clearBoth"></div> as mentioned in other threads but it either made no difference or I got a blank page. Was I putting it in the wrong place or is this not the same as <br class="clearBoth"/> ?

Anyway thanks again as your suggestion fixed my problem. The tell a friend link still needs moving but I get the idea now and will experiment.

[LissaE]

You're welcome
I don't think they are the same, but cannot say for sure LOL

[Brent]

For anyone else struggling to understand what clearBoth does I found the practical example here very helpful.