Wierd shift of cart button on live site.

[danlou84]

With the site in v9.0 live the cart is below everything else

see pic:



But in Catalog on system its fine, see pic:



It doesnt happen on the v8 version of the site.


Dan

[TraceyHand]

it's probably a Firefox/IE difference rather than a live/offline difference.
Take a look at the site in Firebug and compare the code it gives against what you think it should say and be doing?

Difficult to advise much more with only 2 images to go by!

[danlou84]

its only in firefox. Its fine in IE :S

although FF is my default and I personally hate IE lol

[jont]

This will be a CSS float issue. I had the same on a pure CSS I did some time back and never got down to the underlaying cause. In the end I took the sledge hammer approach and relatively positioned the product <div> with zero offset and absolutely positioned the button.... not nice but ti worked.

The site in question was due to being hacked from the existing actinic layout code. I now build pretty much from the ground up and no longer have the issue.

[Darren B]

I am no expert with css and Jont has far more experience than me, but i notice that you have

<div style="float: right;">
<div style="float: right;">

for your add to cart button

you might be better doing it

<div class="producttext"> all the product details here
<div style="float: right;"> add to cart button here
</div>
</div>

under the product text have the description e.tc, then have the float right, maybe postion the product image before the description add to cart e.t.c

as i said i am no expert with css, but i have learnt that a stray div or missing </div> can create hell

D

[danlou84]

I never coded that in. It must be an issue with v9 because the v8 version doesnt do it!!!!

:@ RAGH