Search code examples
htmlcsspositionfooter

Footer always stick to the bottom

Hi i need make my footer stick to the bottom even if the content will be longer. I tried this way .... but it worked only with no content .. in the page with longer content footer stucked in the half of page. Grateful for any Advice

    #footer {
          position: absolute;
          left: 0;
          bottom: 0; 

}
Solution

  • to get the footer to stick to the bottom of the screen, set all your divs to relative, then add an extra div the same height as the footer (set a height for your footer) between the content and the footer. Then put a margin of negative that height on your content div. Works perfectly I have an example i'll post it in a sec.