Footer layout problem

I would like that the footer is always at the bottom of the page even when the content is short.

This is a screenshot of the problem

Best thing you can do is to add min-height on content area:


Add to layout.css:

.content_sparky{
min-height:600px;
}

Hello.
I'm using default sparky framework template. There is the same problem with footer or copyright position, it's not at the bottom of the page.
The solution:

.content_sparky{
min-height:600px;
}

is not right. I tried:
.content_sparky{
min-height:100%;
}
but it's not working
How to set up footer position at the bottom of the page?

P.S. Sorry, may be it's not right forum, but I dont want to create new topic for that.

You can use

position:fixed;
bottom:0;

on css class for bottom row you set in layout editor (you can place your code in template_css.css). But that is no good for mobile browsers.