Content Wrapper Problem

Hello,

I have had this problem before and read through the older solutions and still can't get it to work.

I have a CSS sculptor page that I am using with site sculptor and CMS. I need the content area to expand and look seamless but when I try and mess with the contentwrapper I either get a large gap of black, or a gap then the contentwrapper image I uploaded.

I have a 20px tall by 1200px wide jpg of my content area with no text or anything in it. I go into the design tab and put it in for the content wrapper with repeat of y. When it previews it or when I publish it...can't get it to work.

contentwrapper.html

It looks like the repeat for the content area was set to x instead of y when I was checking it. When I changed this to y and got rid of the height it seemed to look better.

screen.css (line 108)

#outerWrapper #contentWrapper {
background-image:url("../Levy4U_MainPage2_images/contentWrapper.jpg");
background-repeat:repeat-y;
/* height:20px; */
width:1200px;

Changed it but still have the problem.

contentwrapper.html

Edit: I remembered that before, to get it to work, I had to manually change the height of my css content area and it added the contentwrapper correctly....but I am trying to use this for a site sculptor page with CMS so I need it to add the lines when I add multiple lines of text from the admin area.

Hopefully I am doing everything right:

I open the "new css sculptor page" and chose a type that was close to what I wanted (one column fixed, centered, header and footer). Then I went into the customize CSS and changed the width to 1200, made sure the equal column lengths is turned off, clicked to add a top navigation area, then went into the Box tab and added a "topContent" area above the content wrapper. This area is going to be only on my homepage and have a banner image, so there still is a content area with the wrapper. I changed all the heights to match my sliced images then went into the design tab and added the correct images to the correct level. I took off the background color where it was to be transparent and turned off all borders. Things work fine for me until I try and add more content with the contentwrapper enabled. I can not seem to get it to work smoothly.

I have a bunch of "try's" which is why I have 5 or 6 different "Levy4U_MainPage2_images" and "Levy4U_MainPage2_css" folders. If you need any other documents or code, let me know as I need the background to continue down as I add text.

If we can't seem to get it to work correctly, I can always make my content area slice a bit longer and use the overflow code to make it a scrolling area...

Thanks

When I check this out I can get the background to cover all of the content by setting the background to repeat on y and remove the height specified like this:


screen.css (line 114)
#outerWrapper #contentWrapper #content {
background-image:url("../Levy4U_MainPage2_images/content.jpg");
background-repeat:repeat-y;
color:#999999;
font-family:Tahoma,Geneva,sans-serif;
font-size:12px;
margin:0;
padding:10px 135px 10px 125px;
}

This made it so the content was all within the area of the image and not going past it.