» » » How to create a fixed footer

Blog

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;
}

0 comments

×

Only registered users can leave comments.

© Copyright ©2008-2016. All Rights Reserved.