Ashley Cameron Design

Ashley Cameron Design

Sticky Footer

This post was last updated: Sep 3, 2020
CSSSnippets

About a 1 minute read

"The art of living… is neither careless drifting on the one hand nor fearful clinging to the past on the other. It consists in being sensitive to each moment, in regarding it as utterly new and unique, in having the mind open and wholly receptive."

Alan Watts


1
2
3
4
5
6
7
8
9
10
11
12
13
* {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's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

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