<div id="page" style="width:75%; margin-left:auto; margin-right:auto; margin-top:50px; background-color:#0CF; padding:25px; font-size:16px;">

<div style="width:50%; position:absolute; margin-left:285px; padding: 0px 15px 15px 15px;">
<h2>WELCOME!</h2>
<p><div class="pagecontent">
</div>
Page content here
</div>

<div id="bottomHalf">
<div style="width:25%; background-color:#33F; height:500px; padding:15px; border-style:double; border-bottom:0px; border-color:#F00;">
  <div style="background-color:#FFF; padding:15px;"><p align="center"></div>
  <div class="new" style="border-style:inset; border-color:#FF0; border-width:5px; padding:15px; width:75%; margin-left:auto; margin-right:auto; margin-top:50px;">
</div>
</div>
<div class="bottom" style="background-color:#FFC; padding:15px; width:250px; height:300px; border-style:double; border-color:#F00; padding-top:25px;">
</div>
    <div style="border-style:dotted; width:100%; margin-top:50px;" id="footer"></div>
<div><?php require_once('footer.php'); ?></div>
</div>
<div style="height:100%;"></div> // I tried pushing the end of the div to the bottom
</div>