» » » How to create a fixed footer

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

Send to

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

Ratings

0 comments

Only registered users can leave comments.

Login or register an account

©2008-2016 - Via Lambertenghi, 61 - 23030 Villa di Tirano (SO) - Italia - VAT N.: 00902570142