Spacing issues in different browsers.

[yellow1912]

You have to put the item title inside the div of the add-to-cart as well.

[Orchard_Direct]

This didnt work, in IE it did nothing once again, and in IE i just moved the content over the add to cart module. any ideas? cheers

[Orchard_Direct]

i floated the content as well, this made everything move down in mozzila like it did in IE, once again IE did nothing, so i then added a -em margin at the top of wrapper2, this doesnt rly work as it has differnt size gaps on different images across both browsers?
e.g http://www.orcharddirect.co.uk/store...roducts_id=281
http://www.orcharddirect.co.uk/store...roducts_id=280
any suggestions would be great cheers.

It appears to be to do with the height of the image... when an image has a greater height the add to cart module moves down?

[yellow1912]

There are several issues needed to be addressed:
1. You have some minor html errors on the page, fix them (validate the page thru w3c to see the errors)
2. When I look at the layout of the page, I come up with a structure like this:
2 columns, the product image in the left column, the description and add to cart on the right one. (float left - right)
If you look at your code you will see that your current structure is a bit weird, however.
(you have productGroupWrapper, productGroupWrapper2 and productGroupWrapper3)

I would suggest you put the image inside productGroupWrapper, and then the description inside productGroupWrapper2 (and you dont need productGroupWrapper3 anymore)

[Orchard_Direct]

The idea behind the 3rd wrapper was so that the content was not on a gray BG, i only wanted the add to cart module to have a bg so that it stood out. is there anyway i can do this with 3 wrappers? cheers for ur quick reply

[yellow1912]

You can easily set the description background color to white.

[Orchard_Direct]

Also, if i just moved the content into the 3rd wrapper it would not solve the problem of the 2nd wrapper moving up/down on different pages due to the image being a different height. is there a different way of setting my divs in order to get the same effect but be correct across all browsers? Im off to work now but will look at this thread when im back. many thanks!

[yellow1912]

That problem can be solved easily. First try to make the changes I suggested, then if that problem is still there we will move on to fix it.

[Orchard_Direct]

I have changed it like you said, by eliminating the 3rd wrapper, spacing issue has not changed. Any ideas? cheers

[yellow1912]

Can you specify the problems now, along with screenshots if possible? Since the page displays just fine on my ie7