Changing product page layout

http://www.endless.com/Clarks-Mens-Cam-Oxford-Chestnut/dp/B000VYBYFK/ref=sr-fi?ie=UTF8&pf_rd_r=1J5F6A1AV2HDVCXW5XDQ&pf_rd_p=359412701&asins=B000VYBYFK%2CB000VY544C%2CB000HJ7F02%2CB000VY54OC%2CB000VY55E6%2CB000VY9TM0%2CB000VY6TCS%2CB000VY6TFU%2CB000ET9BMA%2CB000NHQ52C%2CB000NHSMR8%2CB000NHUQVS&pf_rd_i=241993011&refURL=%252Fb%252F241993011%253F&node=241993011&pf_rd_s=bottom-2&fromPage=asinlist&contextTitle=Comfort%2C%20Style%2C%20and%20Quality%20from%20Clarks&pf_rd_m=AF16NM0QF9TKW&pf_rd_t=101
I am going for a price and add to cart unit like the one shown above, whereby they both work as one unit enabling a background colour to be placed behind them both, as for the <p> tags are only in the description as i needed to space it better with the layout before, i will take them out now i have changed the layout!
many thanks

Elliot

OK, makes sense. Try explicitly declaring a width and height for wrapper2; floated elements inside it may not be able to give it dimension by themselves. Tested - works.

Giving position: relative; to #productDescription doesn't solve the clearance problem, but it mitigates it.```
#productGroupWrapper2 {
margin-left: 200px;
width:200px;
height: 120px;
background: #aabbcc;
text-align: right;
}

#productDescription {
position: relative;
top: -5em;
}

u sir r a genius :D, one more thing! cant get the wrapper 2 and its contents to position itself to the far right. Other then that fantastic!

Figured it out myself, thank u so much for the help!!!

Ive had a play around with the layout, its all good on the products where there is only one attributes however when there is 2 there is a huge gap between them both http://www.orcharddirect.co.uk/store/index.php?main_page=product_info&products_id=175

How can i make it so the attributes are only a few pixels from each other?

Cheers

ahhhhhhh http://www.orcharddirect.co.uk/store/index.php?main_page=product_info&cPath=3_57&products_id=7
Forgot to check in IE why is there a big gap between wrapper2 and the top of the page? HELP! lol cheers

The attribute spacing is the old .clearBoth fun again...

I like the change, btw - it's good to have all the action items in one group.

Cheers man appreciate the feed back! Just need to get IE browser fixed :@ so u have no suggestions at all ? bloody IE :@ lol thanks once again.

Arg, finding more glitches by the minute! http://www.orcharddirect.co.uk/store/index.php?main_page=product_info&products_id=285
What on earth is going on there! It appears that with prods without attributes the wrapper 2 does not function properly! Ne ideas! lol

Putting
min-height: 100px;
on wrapper2 should keep it from collapsing on modern browsers. Unfortunately IE6 doesn't recognize min-height.

You might try adding <br class="clearBoth" /> just before the </div> for wrapper2.

Thats a bummer, most the peps using the website are going to be using IE6, im trying to figure out how these guys did it http://www.endless.com/JUMP-Jump-Mens-Bond-Slip-On/dp/B0011220XG/ref=sr_1-1?ie=UTF8&qid=1202168024&cAsin=B001127W48&asinTitle=Jump%20Bond%20Slip-On&asins=B001127W48%2CB000WOFZMM%2CB000WOE82A%2CB000WOLWLK%2CB000QJN098%2CB000PI7XKW%2CB000QHF7QO%2CB000QHIFJU%2CB000N543WS%2CB000N515GK%2CB000N52GEA%2CB000N545VW%2CB000J3GCJ6%2CB000QHGTUC%2CB000WE17TM%2CB000QHD3XI%2CB000WE7YT4%2CB000QHF6TW%2CB000N52IDE%2CB000QHD48W&sr=1-1&contextTitle=Search%20Results&fromPage=search&sort=-product_site_launch_date&showDesigner=2&node=242139011
this is getting on my nerves now lol cheers. If you think of nething it would be appreciated! cheers.

How they did it:```
/* detailBox right --------------------------------------------------------*/

div#detailRight {
width:165px; /* should be 175px */
min-height:294px;
float:left;
text-align:center;
}

Cheers that stops it collapsing in both IE and mozzila! Now i just need to fix this space! I would prefer to have it working in IE then mozzila due to the fact that more people use it. there must be a way of fixing it :huh: cheers

Ive NEARLY fixed it in IE now, mozzila isnt as good. I added a <br class="clearBoth" /> after the product name, this shunted wrapper 2 down in mozzila but not in IE, i was then able to add a -9em margin at the top of wrapper2 this bought wrapper 2 up on both browsers. i thought i had cracked it untill i found that wrapper 2 is positioned in a different place on every product page (on IE)! http://www.orcharddirect.co.uk/store/index.php?main_page=product_info&products_id=162 this one overlaps the product name where as this one fits perfectly http://www.orcharddirect.co.uk/store/index.php?main_page=product_info&cPath=3_57&products_id=7 any ideas?

I had to take that change as it was to inconsistent across both browsers :(