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


Details  This article has been viewed 2.011 times.

Send to

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



Details 0 user comments, 0 still waiting.