Search code examples
cssfooter

Follow up to first question CSS, FOOTER is floating to the top


ok this header image is driving me crazy-- ive cleaned up the divs and edited the css - before i learn positioning etc, id love to see a quick fix that just puts that image down at the bottom of the page

sorry, the question was in the title-- im trying to get the footer not to float on top of the page but ive gotten some responses about absolute positioning so ill try and work on that myself, additional answers still appreciated, thanks

http://we-live.in/the_sierra

<div style="text-align:center;">

  <div id="footernav">
  <a href="index.php" class="footerlink">Home</a>
  <a href="about.php" class="footerlink">About Us</a>
  <a href="mailto:[email protected]"  class="footerlink end">Contact Us</a>

  </div>

Solution

  • The problem is that you are using absolutes. Absolutes do not affect the flow (in other words for the positioning of other elements it's as if they don't exist).

    Do something like this (I've put the css as text)

    <div id="wrapper">
         <div id = "main">
              <div id="to">FLOAT:LEFT</div>
              <div id="from">FLOAT:RIGHT</div>
              <p class="extro">CLEAR:BOTH</p>
         </div>
    <div id="footer"></div>
    </div>