For adding cross sell to bottom of product detail page...

1) The title is way up under my product detail image. It needs to move all the way done below "Click to review this product" and then it will be right above the related products.
2) I need to adjust the height of the products at the bottom of the page so when they wrap around in a second row, they do not run on top of each other.

Thank you.

We would probably need to see the site to help.
It sounds like you need to clear floats.
So just before where you have inserted the crosssell include line, you might try to insert an empty div like this

<div style="clear:both;"></div>

That may help.

David

Hi Dave, your suggestion got the title sorted out. But product vertical positioning still not right. I tried playing around with css but no go.
https://www.manageyourweight.com/proddetail.php?prod=Divine+Vanilla+-+High+Fiber+Gluten+Free+Protein+Bar

When I remove the css below it lines up real nice, it looks like it's right above the cstitle class.

<div style="clear:both;"></div>

Mark
Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

The title is good now. I am still having trouble with the products positioning too far at the bottom of the page and their descriptions cut off. And overlapping the descriptions when in two rows.

Hi, try putting the invlude line for the cross-sell in it's own div.

<div style="clear:both;"></div>
<div>:::crosssell include line here</div>

David

Cross Sell Products still pushed down to the bottom of the page.
https://www.manageyourweight.com/proddetail.php?prod=Divine+Vanilla+-+High+Fiber+Gluten+Free+Protein+Bar

There is some element in the right column causing the problem. Not sure if it is the clearfloat below or something.

<div class="clearfloat"></div>
<div class="sidebar1">
<h1 class="mennav">Our Products</h1>
<ul class="nav">

After taking look at your CSS, it might be one of these. Either way, the right column is what is creating the gap.
p.cstitle{
clear: both;
}

div.csproducts{
clear: both;
margin-top: 0px;
}
Try commenting out the clear:both in the above and see what happens.

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

OK. So here's what worked:

p.cstitle{
clear: left;
}

div.csproducts{

}

Changed p.csstitle to "clear: left" instead of both.
Removed the csproducts elements all together. Did not seem to need it.

Thanks all for your time and help.
Charlotte