How to make the web page height to fit screen height

Question

I need to make my web page height to fit the height of the screen size without scrolling.

HTML

Answer 1

Try:

#content{ background-color:#F3F3F3; margin:auto;width:70%;height:77%;}
#footer{width:100%;background-color:#666666;height:22%;}

(77% and 22% roughly preserves the proportions of content and footer and should not cause scrolling)