Header Background

[BrentW]

http://www.communityofchrist.us/index.php

I have the width of my site restricted to 770 pixels to accomidate 800x600 users. However, when viewing profiles, the page stretches outward, causing gray-colored gaps on both sides of the banner. (That's because I have the myspace hack installed). How do I change the gray color into an image background? I would like to set the background of the header to this:

http://www.communityofchrist.us/images/misc/Filler.jpg

That way, it won't look ugly when it stretches.

[Princeton]

Unable to connect ... site is down?

[BrentW]

Originally Posted by Princeton

Unable to connect ... site is down?

Yes, at the worst possible timing. We just moved the server to this new line...and what do you know, three days later the line is having problems. Let's just say we are FURIOUS at the service provider.

[BrentW]

Any thoughts on this?

See screenshots for more info.

[Princeton]

I'm guessing this is fixed 'cause I don't see the problem on the site.

[BrentW]

It's not fixed. The index has no problem, but when I go into the profiles, the sides stretch outward. So what I want do to is break the banner into three parts: left-side, middle, and right-side. The middle would be filled with a gradient which matches the rest of the banner. That way, if the sides expand outward, it won't look ugly. Here is the (current) code for my header:

<table class="tborder" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td align="top">

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[left]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[right]">
</td>
</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

I want to replace that banner with:

http://www.communityofchrist.us/imag...white_left.jpg
http://www.communityofchrist.us/images/misc/Filler.jpg
http://www.communityofchrist.us/imag...hite_right.jpg

I hope that makes sense.

[Princeton]

something along the lines of

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
	<tr style="background:url(http://www.communityofchrist.us/images/misc/Filler.jpg) repeat-x">
		<td align="left"><img src="http://www.communityofchrist.us/images/misc/vbulletin3_logo_white_left.jpg" width="499" height="112" border="0" alt="$vboptions[bbtitle]" /></a></td>
		<td>&nbsp;</td>
		<td align="right"><img src="http://www.communityofchrist.us/images/misc/vbulletin3_logo_white_right.jpg" width="235" height="112" alt="" border="0" /></td>
	</tr>
</table>

I hardcoded the values you may want to replace them.

[BrentW]

Excellent! Thank you, sir.

Now I am experiencing the same gray gaps on the bottom of the page. See my second screenshot. How would I go about fixing that?

Thanks again!