how I can set footer at bottom | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

how I can set footer at bottom

how I can set footer at bottom I not need sticky footer but when scroll it should be at bottom of web page not bottom on screen.

11th Jan 2018, 5:57 AM
Awais Gillani
Awais Gillani - avatar
2 Answers
+ 2
Just put a block type footer container at end of your page (<body>) content (default type of <footer> html5 semantical element is already of block type): it will be displayed at bottom of web page (hidden if page height greater than viewport height, shown on scroll... if you want to force page height to be at least same as viewport height, or whatever, you can style <body> with "min-height:100vh;" or any value you want ^^).
11th Jan 2018, 6:17 AM
visph
visph - avatar
+ 1
put it at the end of your code
11th Jan 2018, 6:52 AM
Nomeh Uchenna Gabriel
Nomeh Uchenna Gabriel - avatar