» » » 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


Send to

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



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