• There is a large gap after my footer that I believe is preventing my website from scaling properly.

    EXAMPLE

    I want my website to scale like this. This eliminates the extra background after the footer.

    EXAMPLE

    How do I fix this?

    Note: Please don’t suggest the “Zoom%” function. That doesn’t play well with different browsers and screen resolutions.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Try:

    body {
    min-height: 800px;
    }

    or

    #main-wrapper {
    min-height: 800px;
    }

    Thread Starter BryleCuff

    (@brylecuff)

    Thank you! Neither worked though.

    The first didn’t change anything whatsoever.

    The second just moved the footer to the bottom(That’s how it should be anyway lol). It didn’t get rid of the gap though.

    No site link possible?

    Thread Starter BryleCuff

    (@brylecuff)

    MY SITE

    The footer and background seem to scale properly with my other pages. Is this a bug perhaps?

    The 2nd works, it pushes the footer to the bottom of a typical monitor (800px) but adjust as you like.

    Are you talking about the gap between ‘My name is..’ paragraph and the footer? If you are, you have to add some more content!

    Thread Starter BryleCuff

    (@brylecuff)

    What if I don’t want anymore content though? I read Customizr is supposed to scale with your site.

    If I can’t get rid of that space, I want everything to increase in size. I have yet to find a solution to that problem though.

    Try playing with:

    body {
        font-size: 2em;
        line-height: 2.1em;
    }
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Background too long for website’ is closed to new replies.