How to create a fixed footer
Tutorial to create a fixed box, to be displayed at the bottom of the page.
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
Ratings
Leave a comment
All comments must be approved by site administrator.
Please write comments on topic. Spam will be never approved.
CSS: Linked articles
Testo lampeggiante on date 6 January 2008
Table style with css on date 6 January 2008
Min-width property on date 6 January 2008
Min-height property on date 6 January 2008
Ritorna all'inizio
Based total comments
0 %
Comments percentage
0 %