bottom of page is cut off

[jcun45]

I am trying to create a new template to match the rest of my site (www.crackedkettle.com/e-shop). When you click on 'view all products, or another long page the bottom of my page is cut short.

I know it is related to the the buttons I am trying to install in the top wrapper, however, I would think there is a way to increase the length of the main page. I have looked through the css and php files for hours and can find nothing. Any suggestions?

Cheers,

Jeff

[gjh42]

I get 404 Not Found, both from clicking and from pasting the address without the trailing ).

[jcun45]

haha, oops, its actually www.crackedkettle.com/store.

Cheers, Jeff

[gjh42]

Ok, next question... what is it that is wrong? I can't see any problem with the bottoms of pages being cut off.
I presume you are still working on your header/logo area.
You could use the spacing fix between product listing lines, as your images touch top to bottom.

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
    vertical-align: top;
    padding: 0.5em;
    margin-bottom: 1em;
    border-bottom: 3px double #aaccbb;
    } 

The padding also controls clearance between elements of each product, and you can set that separately by adding another value:
padding: 0.5em 1em;
The first value is top & bottom, the second is left & right.

[jcun45]

Well, the problem isn't on the home page...which is fine so far, it is if you click on 'all items' or any other page that causes the page to become longer than the actual screen. Then, you can not scroll down to the copyright info and part of the bottom logo is cut off. It seems that when I add items to the top header, therefore increasing its height, more of the bottom header gets cut off. This tells me there is something defining a maximum length somewhere in the code so that the rest just gets cut off.

I could probably use your suggestion with the product spacing but I like them as they are. I just want the page longer.

Thanks a lot for responding.

Cheers,

Jeff

[barco57]

Ahhhh no.....I looked at your page in firefox 2, IE7 and opera 9.1 on the all products page and I can scroll down to the footer just fine.....But you don't have any header.....

[jcun45]

OK, a little more info for you. The page displays correctly in Mozilla but not internet explorer. So annoying! Any ideas? The bottom of the page just gets cut off!! I've spent hours trying to figure this out.

Cheers,

Jeff

[barco57]

ok a little more info for you! Internet explorer 7 is fine....Internet explorer 6 the only thing not appearing at the bottom is the copyright line.......try a little bit (15px) margin-bottom on the mainWrapper.

[jcun45]

OK, fixed, thanks a LOT. I tried adding the margin-bottom to the main wrapper but that just seemed to shift everything to the left...weird. However, it seemed like a good thing to play with so I applied it to the body and it worked great.

Cheers,

Jeff