Untitled

<style type="text/css">
/* colored borders put on for visual effect only */
body{
height: 100%;
margin: 0;
padding: 0;
}

#spacer{
height: 95%;
float: left;
width: 1px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
background-color: red; /* visual effect only */
}

#contentwrap{
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}

#content{
padding: 30px;
border-width: 1px;
border-style: solid;
border-color: blue;
}

#footer{
clear: both;
height: 5%;
border-width: 1px 0 0 0;
border-style: solid;
border-color: red;
vertical-align: middle;
padding: 0;
margin: 0;
}

</style>
</head>

<body>
<div id="spacer"></div>

<div id="contentwrap">

<div id="content">
<p>this is the content div</p>
<p>&nbsp;</p>
<p>more content</p>
<p>&nbsp;</p>
<p>and even more</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><!-- content -->

</div><!-- contentwrap -->

<div id="footer">footer</div>
</body>