Home/ Questions/Q 8604371
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T02:33:23+00:00

Just ran into a problem with repeating background image. In the case when the

  • 0

Just ran into a problem with repeating background image.

In the case when the content is very short, shorter than the monitor height, the background image is still repeating for the extra space.

Please refer to the screenshot.

Orange bar is my footer. The bottom grey area is the extra space.

Can I make stop the background image repeating for the bottom area?

I mean ideally the background image just repeats as long as my content.

Any help will be appreciated.

My Image.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Rather than sticking the background onto the body, slap another div in there and put the background onto that. The inner content will push the div to the right height and will stop at that point (unless otherwise stated).

    eg:

    <!doctype html>
<html>
<body>
    <div id="background">
        Your inner content
    </div>    
</body>
</html>

    and put your repeating background onto #background in your css rather than your body.

    • 0