Attribute options allignment / spacing

[grannystone]

Hi,

Just getting my new cart up and I'm having a little trouble with spacing between options. If you look at this product's options, there's a huge gap between Quantity and Colors. Can anyone direct me on where/how to get rid of that gap?

I've been reading through posts and making various changes to my css, but nothing I've done seems to affect that gap.

http://www.grannystone.com/index.php...&products_id=2

MUCH appreciated!
Tony

[TMC_Sherpa]

Ah, the joys of float.....

tack this at the end of your stylesheet.css

#productAttributes {
float: left;
}
#productTellFriendLink {
clear: both;
}

yes, you need them both

[grannystone]

WAY TO GO TMC_SHERPA! I don't understand it, but the gap is gone. Gone is the gap. The gap is no more.

Do you know how that works?

Is that the Matterhorn in Zermatt CH?

[TMC_Sherpa]

The who did what now? OH the pic, I'm not sure. I just figured a mountain would go well with the sherpa thing.....

Any who, between the attributes a clearboth is being called, so what was happening was it couldn't float up past the bottom of your left column. By floating the box they were in, it changed the scope of the clear which let them bunch up. Ironically, after fixing the clear: both from the other products, I had to add one to the productTellFriendLink to keep it underneath the attributes. I guess the best way to demonstrate would be to comment out the clear:both from productTellFriendLink and see what happens

#productTellFriendLink {
//clear: both;
}
just add the double slash, push it to your server and refresh the page.

I guess another way to do the same thing would be to remove the clearboth being added to the page and not add the float, but this was easier to explain :)