Not sure what happened, but my footer is no longer inside my page wrapper. Help?
footer.php
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<!-- end #footer -->
<a href="#header">Scroll to top</a>
</div>
<!-- end #wrapper --></div>
footer CSS
.twoColFixRtHdr #footer {
background:#323366;
width: 700px;
clear: both;
height: 40px;
bottom: 0;
Header.php
<body class="twoColFixRtHdr">
<div id="wrapper">
<div id="header">
NOTE: If I move this –
<!-- This clearing element should immediately follow the #mainContent div in order to force the #wrapper div to contain all child floats --><br class="clearfloat" />
– into my mainContent div it throws my sidebar to the bottom of the page.
sidebar css:
.twoColFixRtHdr #sidebar1 {
width: 227px;
background: #323366;
-moz-border-radius:2ex;
-webkit-border-radius:2ex;
padding: 0px;
float: right;
}
.sidebarContent {
width: 190px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0px;