Treehouse | Community | Creating a Sticky Footer

⚡ CYBER NOVEMBER SALE ⚡ 50% off any plan for 6 months, exclusive to new subscribers.

Join the Treehouse affiliate program and earn 25% recurring commission!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

adamh2
2,832 Points
What happens if I add a new line of text to my footer? ie. How do I dynamically calculate the height of my footer.

Posted April 27, 2018 10:17am by adamh2

adamh2
2,832 Points
1 Answer
SeHyun Choi
3,441 Points
Sticky Footer

Posted March 27, 2018 4:29am by SeHyun Choi

SeHyun Choi
3,441 Points
1 Answer
rossace23
3,819 Points
Sticky Footer Problem - CSS Layout Basics

Posted November 7, 2017 1:59am by rossace23

rossace23
3,819 Points
4 Answers
Brianna Nash
4,933 Points
Scroll Bar Still Present

Posted October 29, 2017 6:32pm by Brianna Nash

Brianna Nash
4,933 Points
2 Answers
Linus Karlsson
7,402 Points
Only shows half of the footer, unless I scroll down

Posted October 25, 2017 2:46pm by Linus Karlsson

Linus Karlsson
7,402 Points
3 Answers
Andre Kucharzyk
4,479 Points
Problem with footer. Chrome inspect tool shows 89.33 instead of 89. What could be a reason?

Posted October 17, 2017 2:08pm by Andre Kucharzyk

Andre Kucharzyk
4,479 Points
2 Answers
Navneet Singh
2,424 Points
min-height, calc not fixing Scroll issue.

Posted August 8, 2017 11:10am by Navneet Singh

Navneet Singh
2,424 Points
6 Answers
dojewqveaq
11,393 Points
Nope... footer won't stick to the bottom of the page...

Posted July 16, 2017 12:00pm by dojewqveaq

dojewqveaq
11,393 Points
3 Answers
grol lol
1,177 Points
the placement

Posted April 15, 2017 11:59am by grol lol

grol lol
1,177 Points
1 Answer
Kevin DeLaune
579 Points
The Calc function doesn't apply to all browser sizes...

Posted April 3, 2017 12:36am by Kevin DeLaune

Kevin DeLaune
579 Points
1 Answer
Andrew Swift
6,600 Points
Sticky Footer for all screen sizes.

Posted February 13, 2017 3:28pm by Andrew Swift

Andrew Swift
6,600 Points
2 Answers
Andrea Monty
2,724 Points
Sticky footer height

Posted December 12, 2016 9:25pm by Andrea Monty

Andrea Monty
2,724 Points
5 Answers
David Eichel
28,860 Points
This video needs to be redone. Project files do not match what's done in the video.

Posted October 24, 2016 11:08am by David Eichel

David Eichel
28,860 Points
2 Answers
Rosie Bell
782 Points
When I created a sticky footer, a small vertical margin remains.

Posted August 30, 2016 12:10pm by Rosie Bell

Rosie Bell
782 Points
8 Answers
Kohane Kagami
12,390 Points
min-height: calc(100vh - 89px); does not work.

Posted August 27, 2016 4:00pm by Kohane Kagami

Kohane Kagami
12,390 Points
9 Answers
Malcolm Stretten
3,814 Points
Why is Sticky Footer using Flex NOT working?

Posted August 11, 2016 4:14pm by Malcolm Stretten

Malcolm Stretten
3,814 Points
3 Answers
Aaron Selonke
10,323 Points
min-height: calc(100vh - 89px); almost has the right effect but Still getting the Scroll bar

Posted July 21, 2016 2:39pm by Aaron Selonke

Aaron Selonke
10,323 Points
5 Answers
John Boudreaux
Front End Web Development Techdegree Student 3,238 Points
Sticky Footer Not Sticking

Posted July 19, 2016 3:35am by John Boudreaux

John Boudreaux
Front End Web Development Techdegree Student 3,238 Points
2 Answers
Liat Hoffman
9,316 Points
The sticky footer doesn't work when you narrow the viewport

Posted July 12, 2016 7:24pm by Liat Hoffman

Liat Hoffman
9,316 Points
2 Answers
Ben Mohammad
5,659 Points
my footer dont stick to the bottom of my page

Posted July 1, 2016 7:36pm by Ben Mohammad

Ben Mohammad
5,659 Points
3 Answers
Darrell Warren
6,644 Points
Why does my footer not stick to the bottom of my page?

Posted June 2, 2016 2:18am by Darrell Warren

Darrell Warren
6,644 Points
3 Answers
michaelkyllo
11,330 Points
My media queries don't work from my style.css sheet, but it does work if I enter it directly into my index file <style>

Posted May 27, 2016 7:09pm by michaelkyllo

michaelkyllo
11,330 Points
2 Answers
Kyle Dougherty
5,233 Points
Footer only sticking when the screen is maximized

Posted May 15, 2016 7:36pm by Kyle Dougherty

Kyle Dougherty
5,233 Points
2 Answers
Emmanuel Rojas
6,994 Points
Sticky Footer not working properly

Posted April 12, 2016 1:58am by Emmanuel Rojas

Emmanuel Rojas
6,994 Points
3 Answers
Emmanuel Rojas
6,994 Points
Sticky footer is not Working

Posted April 9, 2016 2:31am by Emmanuel Rojas

Emmanuel Rojas
6,994 Points
3 Answers
Elena Paraschiv
9,938 Points
Gap between footer and viewport

Posted March 30, 2016 9:42am by Elena Paraschiv

Elena Paraschiv
9,938 Points
2 Answers
Benjamin Hedgepeth
5,672 Points
Footer not sticking to viewport window

Posted March 17, 2016 8:40pm by Benjamin Hedgepeth

Benjamin Hedgepeth
5,672 Points
2 Answers
Sahan Balasuriya
10,115 Points
Footer getting stuck to the content

Posted February 20, 2016 2:01pm by Sahan Balasuriya

Sahan Balasuriya
10,115 Points
1 Answer
PLUS

Siddhant Mehra
Courses Plus Student 1,227 Points
why i m getting scroll bar ?

Posted February 20, 2016 4:11am by Siddhant Mehra

Siddhant Mehra
Courses Plus Student 1,227 Points
4 Answers
Viktor Jančík
4,604 Points
Sticky Footer Overflow Auto

Posted February 18, 2016 2:43pm by Viktor Jančík

Viktor Jančík
4,604 Points
3 Answers

Prev Page 2 of 3 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.