The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Critique my new website + Sticky Footer Problems

  • # November 2, 2012 at 6:32 am

    As for the loop, sorry I know nothing about WP.

    # November 2, 2012 at 6:38 am

    Isn’t push the div that makes the sticky footer work?

    # November 2, 2012 at 7:21 am

    It’s supposed to but I’m not sure it’s actually required.

    # November 2, 2012 at 7:34 am

    Right, I have deleted all the elements required for the whole sticky-footer thing so I can start again from fresh seen as though @Paulie_D has helped me clean up my .page-wrap code etc.

    ATM my footer is just rising so I’ll just start again now.

    # November 2, 2012 at 7:38 am

    The massive gap between my content and the footer seems to happen when I apply this css;

    html, body {
    height: 100%;

    # November 2, 2012 at 7:59 am


    Basically the whole reason it kept scrolling and had a lot of blank space was because I was positioning the opening page-wrap div just after my closing header tag.

    What I was meant to do was position the div just before the opening


    The 204px gap was being created because that is the size of my header, now it works perfectly.

    Thanks for everyone’s help, its appreciated greatly :)

Viewing 6 posts - 16 through 21 (of 21 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed