Question

I want to build a liquid layout with a footer that keeps on the end of page and a contend space splited into two divs. I already saw on stackoverflow both examples separated of this two behaviors. how can I implement this?

Note that my left and right colunmns has no content. This is because I’ll put a background image and other divs inside it.

I already have one example: http://jsfiddle.net/kpDDM/14/

There is something wrong on my example because when my content area has much content, the content area is not expanding in vertical.

Answer 1

Here, http://jsfiddle.net/kpDDM/16/

Added position:fixed; to .footer, and removed overflow:hidden from .all.

EDIT

http://jsfiddle.net/kpDDM/18/