How to make footer stick to bottom of page with margin-bottom ?

  • I have a Twentyeleven child theme https://www.route32.be/demaeyer/

    How do I make the bottom of the page/body/content glue to the bottom? Like the header ‘sticks’ to the top of the page, I want the footer or site generator to stick to the bottom of the page.

    I’ve tried:

    #page {
    margin-top: 0;
    margin-bottom: 0;
    }

    #site-generator {margin-bottom: 0;}

    #colophon {margin-bottom: 0;}

    But these options don’t seem to have any results..

    Thanks!
    Leila

Viewing 3 replies - 1 through 3 (of 3 total)

  • Look up fixed position in CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you don’t want something like WPyogi’s suggestion, try this article.

    Thread Starter kubegusa

    (@kubegusa)

    Thanks but I don’t get it. Why can I definie my top margin as 0, but defining the bottom margin as such, doesn’t work..?

    I’m overwhelmed with the info sent, but I will take my time to go through it. It’s more complicated than what my brain can handle at the moment.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make footer stick to bottom of page with margin-bottom ?’ is closed to new replies.