Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Nathan Brazil
Courses Plus Student 2,756 PointsHow to code a "Sticky Footer"
I had a great example on how to make a footer stick to the bottom of the page when you do not have enough content to fill up the pager. I think it involved making its position absolute and then adding some code where you move it down a certain amount of pixels. I could be a little off on my idea. Can anyone give me a good example of a footer I can center and stick to the bottom of the page.
The main thing that keeps me hung up on this is I feel like there should be a good way to make the sticky footer responsive to the screen size while it remains centered with the main header at the top of the page and the rest of the body content.
2 Answers
John Norris
22,418 PointsI would use Bootstrap to accomplish this.
Example: http://getbootstrap.com/examples/sticky-footer/ BS: http://getbootstrap.com/
John Norris
22,418 PointsIt's totally ok to use. Bootstrap is open. It's the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Check out these helpful links: http://getbootstrap.com/getting-started/ http://getbootstrap.com/css/ http://getbootstrap.com/components/
Nathan Brazil
Courses Plus Student 2,756 PointsNathan Brazil
Courses Plus Student 2,756 PointsThanks a lot! Is the idea just to veiw the source and set up my own? Is that okay to take this code? I was in the middle of looking at some good code from css-tricks.com. The example you gave me is great. I can always adjust the height of the footer using media queries to make it smaller for pad and mobile screen sizes couldn't I.
Nathan Brazil
Courses Plus Student 2,756 PointsNathan Brazil
Courses Plus Student 2,756 PointsHey this footer is great if you want it to run all the way across the screen, but I would like to center mine. Is there a way to center this footer by adding some css?