Answer by nghiepit for Make div stick to bottom of page
You can do that easily with the display: flex. You don't care about height body or wrapper tag. Example: Please change the height of main tag any value if you want, footer always sticky to bottom(not...
View ArticleAnswer by stephenmurdoch for Make div stick to bottom of page
Pritesh Gupta's solution works really well for me: I'm copy+pasting the code in case their site goes down: Here's the HTML: <!DOCTYPE html> <html> <head> <title>Sticky...
View ArticleAnswer by Guy for Make div stick to bottom of page
You can probably use position: fixed to achieve this. .footer { position: fixed; bottom: 0; } With this you will need to offset the bottom of the page so would suggest adding a padding-bottom to .main...
View ArticleAnswer by Mohammad Reza for Make div stick to bottom of page
If you need sticky footer you can make it with 2 solutions. Solution 1: HTML: <div class="wrap"> Content </div> <div class="footer"> Sticky Footer </div> CSS: body, html, .wrap{...
View ArticleMake div stick to bottom of page
So I made a contact page and I want the footer div to be sticking to the bottom of the page not right after the contact form. But if I put everything to a container div with height:100%; and make...
View Article