Placing the footer at the bottom of page

Question

I am having trouble placing the footer at the bottom of the page. For some strange reason it keeps appearing near the top. Here is a link to the page. I want the footer to appear beneath the text content. Any help will be much appreciated as I'm stuck:/

Thanks

solved using this solution http://stackoverflow.com/a/11741786/3386878 Thank you for your time. — George Farrugia, Mar 17 '14 at 16:06

score 0 · Answer 1 · answered Mar 16 '14 at 12:51

0

Your <footer> is inside <div id="main_container"> ... </div>. You have to move it outside of it. I recommend you not using position absolute for such an easy website. You should learn how to use CSS first.

Here is a printscreen for you.

answered Mar 16 '14 at 12:51

radubogdan

2,744
1
19
27

Thanks for your prompt reply...yes I might need to refresh my CSS...your solution places the footer at the bottom of the browser window not the page. – George Farrugia Mar 16 '14 at 13:39

score 0 · Answer 2 · answered Mar 16 '14 at 12:51

0

Put the footer outside the <div id='main_container'> And it will work.

answered Mar 16 '14 at 12:51

Beardminator

784
8
20

Placing the footer at the bottom of page

2 Answers2