Clever Geek Handbook

Css for footer text

I'm having a hard time using a simple CSS snippet for the footer text. The footer text should always be at the end of the page and at the end of the screen, whichever comes later.

+2


source to share


3 answers 


* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/


0


source


For a working example that you could take apart, I previously did the same for our client:



Pushed Down Page - Fixed position page

0


source


Use property bottom

:

#footer
{
    position:absolute;
    bottom:2px;
}
-1


source






More articles:


All Articles