How to stick text to the bottom of the page

Question

I would like to put a line  All Rights Reserved     at the bottom of the page  I tried to use absolute positioning  but this does not work as expected when the window resized to smaller height   How can I achieve this simple goal

User · Accepted Answer

You might want to put the absolutely aligned div in a relatively aligned container - this way it will still be contained into the container rather than the browser window    lt div style  position  relative background-color  blue  width  600px  height  800px   gt            lt div style  position  absolute  bottom  5px  background-color  green  gt      TEST  C  2010      lt  div gt   lt  div gt

User · Answer

An old thread  but   Answer of Konerak works  but why would you even set size of a container by default  What I prefer is to use code wherever no matter of hog big page size is  So this my code    lt style gt      container       position  relative      height  100        footer       position  absolute      bottom  0      lt  style gt    lt  HEAD gt    lt BODY gt     lt div id  container  gt        lt h1 gt Some heading lt  h1 gt    lt p gt Some text you have lt  p gt     lt br gt   lt br gt    lt div id  footer  gt  lt p gt Rights reserved lt  p gt  lt  div gt    lt  div gt    lt  BODY gt   lt  HTML gt    The trick is in  lt br gt  where you break new line  So  when page is small you ll see footer at bottom of page  as you want    BUT  when a page is big SO THAT YOU MUST SCROLL IT DOWN  then your footer is going to be 2 new lines under the whole content above  And If you will then make page bigger  your footer is allways going to go DOWN  I hope somebody will find this useful

User · Answer

This is how I ve done it    x000D   x000D   copyright   x000D   float  left  x000D   padding-bottom  10px  x000D   padding-top  10px  x000D   text-align  center  x000D   bottom  0px  x000D   width  100   x000D    x000D     lt div id  copyright  gt  x000D    Copyright 2018  amp copy  Steven Clough x000D     lt  div gt  x000D   x000D   x000D

User · Answer

Try    bottom       position  fixed      bottom  0

User · Answer

From my research and starting on this post  i think this is the best option    x000D   x000D   lt p style   position  absolute  bottom  0  left  0  width  100   text-align  center   gt This will stick at the botton no matter what     lt  p gt   x000D   x000D   x000D    This option allow resizes of the page and even if the page is blank it will stick at the bottom

User · Answer

Try this    lt head gt    lt style type   text css   gt      footer          position  fixed              text-align  center             bottom  0px          width  100           lt  style gt   lt  head gt   lt body gt       lt div class  footer  gt All Rights Reserved lt  div gt   lt  body gt

[html] How to stick text to the bottom of the page?

Examples related to html

Examples related to css