# Repeating background image

**URL:** <https://forum.kirupa.com/t/repeating-background-image/327874>\
**Category:** Uncategorized\
**Created:** [April 3, 2012, 3:32am UTC](https://forum.kirupa.com/t/repeating-background-image/327874 "2012-04-03T03:32:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tbo](https://avatars.discourse-cdn.com/v4/letter/t/7feea3/32.png) [@tbo](https://forum.kirupa.com/u/tbo)\
**Post date:** [April 3, 2012, 3:32am UTC](https://forum.kirupa.com/t/repeating-background-image/327874/1 "2012-04-03T03:32:21Z")

</div>

Hi,  
I’m a little embarrassed to ask this, I know little to nothing about html and web design.:hang:

I want a webpage’s content to be within the grey strip shown in this image. The grey strip has gradient edges on the left/right.

The way I went about doing it is to save a horizontal strip of the grey area as an image (800 width x 10 height), and tile it vertical and center. The documents background color is black.

Is this the correct way to do it? It seemed to do what I wanted it to.