Weird formatting issue

[noesac]

I have an issue and I can't seem to isolate it.

On some pages it looks fine:


http://tiny.cc/gcd54



However on other pages the product is pushed all the way to the bottom:

http://tiny.cc/lvvpc


Here's a second example:

http://tiny.cc/uu13w

[phrasespot]

All three of those pages look OK in Firefox, and Internet Explorer.

[noesac]

Ok I know why you can't see the problem, it's because you need the "In the same category" panel to display, so you have to navigate there manually (the link won't work).

Go to the site: http://tiny.cc/uu13w

And then click the very first category (iPhone 4) and then the very first product, and you will see it:

http://i36.tinypic.com/xd7bt5.png

[phrasespot]

Oh, do you mean the overlapping between the image and "Customers who bought this product also bought"? you said

on other pages the product is pushed all the way to the bottom

Find the #crossselling_list ul in global.css and add a little padding to the top:

#crossselling_list ul {
   list-style-type:none;
   padding-left:0;
   padding-top:15px;
}

or you could add the padding to #crossselling_list li

[noesac]

I just tried this and it didn't work. In fact I even tried setting the padding to 500 and it still didn't work!

[phrasespot]

In this case the bigger is not necessarily the better Are you adding the padding to the correct element? Here are the results for IE and FF when I apply the change I mentioned. Also, no offence, it is like Christmas tree on that page, you have that pop-up at every page load, then FB thing, customers who bought..., in the same category.. etc etc. try turning off some of those to see if the problem will go away. There may be a clash between some of those

[noesac]

thanks phrasespot, I think you're absolutely right, I'm trying to put too much on that screen. I shouldn't try to add this extra panel, it's just going to make things way too messy!