Alignment problem please help!

[cs_jono]

Hey guys I'm having a stylesheet error and I have no idea what is going on or why I can't achieve what I need to achieve. I am just wondering if you can help me achieve what I'm trying to achieve.

When we have live help on our page looks like this:



Where the add-this is right under the add to cart gray box and it all works honkey dorey how it's supposed to.

However when you turn live help add this moves here.



Which is completely wrong! :) I don't know if someone can help me achieve what I'm trying to or not. You can see the problem here.

http://www.clevershoppers.com/jono/z...roducts_id=180

Thanks for your help!

[cs_jono]

Is there anyone out there that can help me please?

[kobra]

You can either add a clear in your code or in the stylesheet
A clear both forces a new line for the div containing the addthis stuff
Find this and add what is in red

#addthis { clear: both; background: url(../images/addthis.gif); no-repeat; height: 41px; width: 213px; padding: 7px 0 0 8px; margin: 0px 0 3px 0; float: right; }

[cs_jono]

Kobra,

Thanks for the reply. I added that to the code but now it has a huge awkward gap. Do you know how to fix that in order to make the clear both actually work?

Thanks so much again!

http://www.clevershoppers.com/jono/z...roducts_id=180

[DrByte]

Why don't you just fix the broken live chat code so that it actually outputs a "live chat closed" image instead of outputting nothing and thus leaving the gap you're disliking so much?

[cs_jono]

It's actually not broken. We just decided to upload a small white image so that when live help isn't there you don't miss it and it doesn't cause akward spacing.

[cs_jono]

Alright thanks guys! I got it figured out! I had to wrap the quantity table, add to cart square and add this rectangle with one div and then make that whole thing float to the right. I hate it when the answer is right in front of my face but I can't seem to get it! Alright thanks again!

J.:

[kobra]

We just decided to upload a small white image so that when live help isn't there you don't miss it and it doesn't cause akward spacing.

Instead of a small white image - -- create a white image sized tge same as the one it is replacing

[cs_jono]

Instead of a small white image - -- create a white image sized tge same as the one it is replacing

Ok! Thanks Kobra! Actually already got problem fixed but couldn't have done it without you! Thanks a lot!