1

I want to insert the copyright information on the bottom of the page. If the page is empty, meaning that the content doesn't scroll the page. See jsFiddle

How to move the text to the very bottom of the page, while keeping it below the page content?

Edit, if page is empty, I want the text to still appear by bottom border of the web browser.

HelpNeeder
  • 6,383
  • 24
  • 91
  • 155
  • 3
    This question may help you: http://stackoverflow.com/questions/971123/css-fixed-to-bottom-and-centered – xsl Mar 01 '12 at 04:29
  • 2
    This might help as well: http://stackoverflow.com/questions/3525581/how-to-align-footer-div-to-the-bottom-of-the-page – Sudhir Bastakoti Mar 01 '12 at 04:36
  • 2
    apparently web designers call this pattern "sticky footer." Given tha, you can find quite a few step-by-step guides from experts via a web search engine, likewise (at least) a couple of excellent answers on SO. – doug Mar 01 '12 at 04:40
  • @HelpNeeder I have trouble understanding what the difference between the solutions in the comments and your requirement is. It would help if you could make that more clear. – xsl Mar 01 '12 at 04:47
  • Please look at another [jsfiddle](http://jsfiddle.net/gdJkr/). There's a scroll bar even if page is on the bottom. What am I doing wrong here? – HelpNeeder Mar 01 '12 at 04:51
  • @xsl, I kind of get it and almost got it working. – HelpNeeder Mar 01 '12 at 04:51
  • I'm sorry, this [jsfiddle](http://jsfiddle.net/gdJkr/1/). – HelpNeeder Mar 01 '12 at 04:54
  • Please have a look on this fiddle - http://jsfiddle.net/JCEFQ/ It might help in your situation. – w3uiguru Mar 01 '12 at 04:51

1 Answers1

2

The scrollbar will not be displayed if your remove the margin property from the body_pages class. See: http://jsfiddle.net/gdJkr/3/

xsl
  • 17,116
  • 18
  • 71
  • 112