How to create a fixed footer

Tutorial to create a fixed box, to be displayed at the bottom of the page.

How to create a fixed footer

Do you need to have a text box that can always remain at the bottom of the page? Through the two methods that I give you, the scrolling of the page won't have effect on the position of the box created.

Method no. 1

#footer {
   position: fixed;
   width: 100%;
   height: 100px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;
}

Method no. 2

#footer {
   bottom: 0 !important;
   bottom: -1px;
}
div > #footer {
   position: fixed;
}

Publication details

Category: CSS

Published by: loris.genetti on date: 13.02.2008 22:46:18

Last edit by: loris.genetti on date: 02.04.2008 16:54:26

Statistics

Details  This article has been viewed 1.975 times.

Send to

add to digg add to reddit add to furl add to facebook add to delicious add to google add to technorati

Ratings

  • Currently 0 / 5
  • 1
  • 2
  • 3
  • 4
  • 5

Comments

Details 0 user comments, 0 still waiting.