Search code examples
htmlcsssticky-footer

inner container not repeating-y for stick footer

I wanted a sticky footer to I followed this guide: http://www.cssstickyfooter.com/using-sticky-footer-code.html

I have in out wrap(container) and an inner wrap(container2) used for background images.

I was able to get the footer to stick to the bottom but the background image in container2 is not repeating vertically all the way down.

Need some assistance please.

Solution

  • to repeat the background, ensure you have the css..

    background:url('path/to/image.png') repeat-y 0 0;

    Edit: ugly hack (working) -

    $('#container2').css('min-height',document.height - 30);

    Edit: additional solution -

    apply the background image to the body