Fix Footer Spacing

  • Resolved jcoberly

    (@jcoberly)


    15 years ago

    Hi All,

    I’m thinking this is probably an easy one for someone who knows what they are doing. Unfortunately, I have no idea what I am doing.

    I am trying to fix my footer so it is at the very bottom of my page and also spans the entire “white area” on http://test.discoversoccer.info.

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • CyberAlien

    (@cyberalien)

    15 years ago

    In css change body {} to html {}, so background image would be assigned to html. Add height: 100% to html.

    Then move #page’s css to body, so fixed width, margin:0 auto and white background would be assigned to body. Add min-height: 100%; position: relative; to body.

    Remove old <div id=”page”>, you don’t need that wrapper because body is now your wrapper.

    Move <div id=”footer”> out of #columns, so it would be right before </body>. Add position: absolute; bottom: 0; left: 0; right: 0; to #footer

    Then add margin-bottom: 35px to #columns and add a clearing div to where #footer used to be.

    Thread Starter jcoberly

    (@jcoberly)

    15 years ago

    I don’t understand what you mean by “change body {} to html {}”. Also, I’m not very good at putting your words to code.

    Would you be kind enough to post that as a code snippet?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Fix Footer Spacing’ is closed to new replies.