Template Width Help

[kal]

Hi,

I am using the mother earth template and want the page full width,so i changed the setting in the stylesheet as follows:

/*wrappers - page or section containers*/
#mainWrapper {
text-align: left;
width: 100%;
vertical-align: top;
background-image: url(../img/content_bg.gif);
background-repeat: repeat-y;
background-position: center;
}

The problem is, the background didn't change accordingly, see here www.herbs.electrobitz.com

Any ideas? Thanks.

[gjh42]

The background is a single image repeated down the screen. To get it to fit a flexible 100% width, you will have to use two images, one for left and one for right, and apply them to different elements - perhaps body and #mainWrapper. Google for "sliding door method" to see the standard tutorial on this.

The same principle applies to the header image.

[kal]

The background is a single image repeated down the screen. To get it to fit a flexible 100% width, you will have to use two images, one for left and one for right, and apply them to different elements - perhaps body and #mainWrapper. Google for "sliding door method" to see the standard tutorial on this.

The same principle applies to the header image.

I think i just want to move them behind the sideboxes, as that's where they belong, and not stretch them, will your method do this? Thanks.

[gjh42]

If you want background images just behind the sidebars, apply them to #navColumnOne and #navColumnTwo.
I see you have a different template now, so the point is currently moot for you, but you can use the info if you need it.