how properly achieve height 100%

Question

How to achieve webpage's content container fluently resize, without specifying height=100% or height=auto ? As some of you know it occasionally works properly this way :/ Just like here :

http://net.tutsplus.com/ , designshack.co.uk

or on facebook ?

On both designshack and nettuts I'm not even able to break up the layout.

Answer 1

One solution (from "Head First HTML with CSS & XHTML", chapter 12) is to use your CSS to set your body with a margin of zero. This will ensure that the main page content takes up all the available room.

For example:

body {
       ...
       margin: 0px;
       ...
}

You can use similar margin padding on any section defined by a div as well. The chapter I referenced has a number of good examples on additional layout options for liquid (auto-resizing) designs.