How to make mainwrapper height 100%?

[julieoolie]

It's really bugging me that on short pages, the mainwrapper height isn't 100%. I've tried adding height: 100%; to the mainwrapper in the stylesheet but it doesn't do anything.

Here's one of my short pages so you can see what I'm talking about: http://gleefulthings.com/shop/index....page=page&id=3

I just want the footer to touch the bottom of the page leaving blank white space in the middle.

[kobra]

It is 100% of the content that is there

[julieoolie]

But I want it to be 100% the height of the window. Maybe it's not the mainwrapper I should be editing? I'm not really sure. It just bugs me that my short pages aren't touching the bottom.

[clydejones]

But I want it to be 100% the height of the window. Maybe it's not the mainwrapper I should be editing? I'm not really sure. It just bugs me that my short pages aren't touching the bottom.

The content of a page is built dynamically, therefore the height of a page will be 100% of the content that is available to fill the page.

[julieoolie]

So there's really no way to do it?

This is gonna drive me crazy lol! I swear I've seen other zen cart sites with short pages that touch the bottom. Maybe I'm crazy though.

[kobra]

But I want it to be 100% the height of the window.

And how will you know how big user "A"'s window is versus user "B"'s??

[julieoolie]

I don't know. That's why I was using % rather than pixels.

I'm sure it'll look fine to anyone with a small monitor but to people like myself with larger monitors, it just looks wierd to have all that blank background space at the botom.

[kobra]

Not everyone opens their browsers at full screen

[julieoolie]

But those of us who do will see the space

[kobra]

Add another side box or 2

Or add a bunch of links

You are pining about what an empty representation appears when you should be populating this a start selling