From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Sticky footers

Sticky footers - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Sticky footers

“

- [Instructor] Hi, this is Chris Converse, and in this episode we'll create a sticky footer for our web page, meaning we'll position and fix the footer to the bottom of the web page so when the page scrolls, the content of the footer will always be visible. So if you'd like to follow along, download the exercise files and we'll begin by opening the html file in a text editor. And once inside of the html file, if you scroll all the way down to the bottom, you'll see the footer mark-up showing here. If you look at the same page in a browser, you'll see the footer at the bottom of the page in the green box here. So in order to position this, let's go back to the exercise files and let's open up this style.css file in our text editor. And now inside of the css file, let's scroll down. Let's find the rule that targets the footer, right here. Let's come in here and let's add another property after the background color. This is going to be position, and we're going to set this value to…

Contents