Keeping Footer at the Bottom of the Page (HTML & CSS)

Learn how to keep the footer at the bottom of the page, even if the content above it is too short to naturally push it to the bottom, using CSS.

First, the case where the footer will always be positioned at the bottom of the page, but not fixed, will be examined, followed by the case of a fixed (sticky) footer at the bottom of the page.

Support the Channel 💙☕🙏

Suggested Videos:

Thanks for watching! For any questions, suggestions or just to say hi, please use the comment section below!

Subscribe 💖

[chidoan]

Hands down the best solution for this problem! Thank you for ending my 3 hours of searching endlessly!

[mihirkumarchoudhury]

Superb man! After watching almost 15 videos I landed here and to be honest it was totally worth it. Brilliant

[heatherfarnham]

The first option works perfectly with long single page sites in all responsive breakpoints. Thank you so much!

[alexandruboscu]

I'm searching for this kind of video to resolve my problem with footer not sticking at the bottom for almost 3h, thanks man, you're great!!!

[LunchBox]

Great tutorial, one of the best and most straight to the point I have seen.

[derabelconcepts]

Seriously bruh, thanks best Tutorial ever, thanks for ending my 4 hour long search, God bless, you have my subscribe and like for sure 😁

[stevebdevn]

Awesome Tut! Thanks for covering multiple options, especially the sticky footer. Also, thanks for mentioning the Js snippet for automatic date updating! That's so handy!!

[kbsiva]

Thank you! It's wonderful what a few bits of well written CSS can do. Love it.

Thank you genius! I was trying to place my footer and this was the best solution for my project.

[murtazamohseni]

I really learnt something which other front end ytubers haven't mentioned thanks and keep growing;) GL

[mrfritz]

thanks -- the padding-bottom on body really helped me.

[sobrecoxadealface]

Incredible how fast and efficiently you can make a good looking web page! btw thx you helped me so much

[priyamganguly]

Footers are really very stubborn to control. Thank you for taking time to make this video. It made my task very easy.

[kinoko]

thank u times u got a new loyal subscriber

[alejandroszg]

The solution with the calc it's AMAZING!

[anandita]

Soo helpful! I've been stuck at this the whole day, thank-you!!!!

[lyntechi]

Wow seriously thank you so much. i couldnt figure out why my footer kept moving around everywhere each time my content size went down.

[CWhitmer]

Thanks for making the video. Very simple and to the point. I like the aside about the jscript for the year.
Keep the videos coming, it is appreciated.

[wendersonfernandes]

You are a lifesaver!!!!
thanks from Brazil!

[sebastiancuatepotzo]

this video is awe, it explain a lot in a clear way, thank you man