WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] My footer has fallen outside my wrapper, Oh no! (2 posts)

  1. macart
    Member
    Posted 4 years 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;
  2. esmi
    Theme Diva & Forum Moderator
    Posted 4 years ago #

    A link to your site would help.

Topic Closed

This topic has been closed to new replies.

About this Topic