What about;
And then;Code:<style>
html{
height: 100%;
border: 0;
padding: 0;
margin: 0;
}
body{
height: 100%;
margin: 0;
padding: 0;
border: 0;
}
#spacer{
display: block;
height: 95%;
float: left;
width: 2px; /* 1px would be enough this is for display only */
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
background-color: red; /* visual effect only */
}
#contentwrap{
display: block;
width: 99%; /* to suit but leave room for spacer */
text-align: center;
padding: 0;
margin: 0;
}
#content{
margin: 0;
padding: 0;
border: 1px solid blue;
}
#footer{
clear: both;
height: 5%;
border-top: 1px solid green;
padding: 0;
margin: 0;
}
</style>
PHP Code:<div id="spacer"></div>
<div id="contentwrap">
<div id="content">
<p>"insert favourite foo text"</p>
</div><!-- content -->
</div><!-- contentwrap -->
<div id="footer">footer</div>
