You could also try this:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Header here</title>
<style type="text/css" media="all">
html,body {margin:0; padding:0; height:100%;}
#vc-main {min-height:100%; position:relative;}
#vc-header {background:#9F0;}
#vc-body {padding-bottom:80px;} /* Height of the footer */
#vc-footer {position:absolute; bottom:0; width:100%; height:80px;/* Height of
the footer */background: #FC0;}
p, h1 {padding:10px; margin:0;}
</style>
<!--[if lte IE 7]>
<style type="text/css">
#vc-main{height:100%;}
</style>
<![endif]-->
</head>
HTML like this:
<div id="vc-main">
<!-- BEGIN: HEADER-->
<div id="vc-header">
<p>Header here</p>
</div>
<!-- END: HEADER -->
<!-- BEGIN: BODY -->
<div id="vc-body">
<p>Body here</p>
</div>
<!-- END: BODY -->
<!-- BEGIN: FOOTER -->
<div id="vc-footer">
<p>Footer here</p>
</div>
<!-- END: FOOTER -->
</div>
It is all there is to it.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
