Setting up a Side Bordered Background
This is how you set up the page to make sure your graphics & 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.
THE CONTENT OF YOUR PAGE GOES HERE.
Then your text or pictures plus the rest of your html code.
goes right before the ending of your page, closing your html and body.