My footer has fallen outside my wrapper, Oh no!

  • Resolved macart

    (@macart)


    15 years, 1 month ago

    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;

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘My footer has fallen outside my wrapper, Oh no!’ is closed to new replies.