Support » Fixing WordPress » My footer has fallen outside my wrapper, Oh no!

  • Resolved macart

    (@macart)


    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.