Product Info Page...goes wacky when moving product details

[audradh]

(Sorry for double post: I intended to start a new thread and accidentally tacked it onto an older thread.)


I have been styling my product info pages. Thanks to the help on the forums I am making progress.

I can't seem to figure this out:
Whenever I move the product details block everything becomes misaligned.

This is the site:

http://www.tiptopcountrystore.com/in...&products_id=3

I off to play w/ it some more, but appreciate any thoughts

Audra

[kobra]

Where are you trying to move it to?

[audradh]

After the add to cart button.

Here is the before:

http://tiptopcountrystore.com/images/sc_tt.jpg

And here is the after:

http://www.zen-cart.com/forum/showthread.php?t=89638

[audradh]

Hmmmm:
By putting a border around it, I can see that there is lots of white space after the text, making is a much wider field than I thought it was...

[kobra]

Try this in your stylesheet watch width if you have a longer name???

#productDetailsList {
float: right;
width: 30%;
clear:both;
}

[audradh]

No luck,
Once I move that block it is within the
#productGroupWrapper that I created which is floating left

The details are floating left, the trouble starts w/ the add to cart, which now spans the whole center column...

[kobra]

I looked at the source for a product page and there is no #productGroupWrapper as you portend...

What I posted works interactively with FireFox...I can not view these alterations in IE if this is where you see the issue...

Design should be in FF and any anomolies fixed for IE quirks mode

[gjh42]

#productGroupWrapper is there in her product info page, wrapping the name, price, add box & info link.

The wide add seems to be fixed now.