Posted 1 year 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.
Posted 1 year 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.
Posted 1 year 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?
This topic has been closed to new replies.
