How to set up your Side Bordered Background

This is how you set up the page to make sure your graphics and text do not overlap into the left side border.

I normally try to make my backgrounds 1600 pixels wide, because that way they will work on most every Monitor, no matter how wide it is.

To make sure that your background will look right, you should make the borders at least 1200 pixels wide, which is a 19" monitor.

I use a "Table" code that includes a transparent gif as a "Spacer",

which you can download from


Here is the code for you to use right after the:


<body background="your background image">

<center><table><tr><td valign="left" align="top"><img src="spacer.gif" height="1" width="150"></td><td valign="left" align="top" width="100%">

If your content is not aligned correctly, inside the border

increase or decrease the size of the "spacer gif"

For a wider border, you can make the spacer gif 170 or 200 wide.

For a skinny border, you can make the spacer gif 100 or 90 wide, or whatever works on your page.


Then your text or pictures plus the rest of your html code.

This code


goes right before the ending of your page, closing your html and body.