Help with MainWrapper

[deesan]

My store is at http://dezign-xpressionz.com/Store/ I am trying to modify the length of the mainWrapper since I've added a background image to the store. I would like it to come down to the bottom of the page all the way and also would like it to start below the header... as you can see it is overlapping the bottom of the header. What would I need to modify in the stylesheet? Thanks

[ls4680]

If I understand the question correctly I think you want to change to length of where your logo/background image goes so the nav bar is displayed lower

If so, here is the section

#logoWrapper {
background-image: url(../images/header_bg .gif);
background-color: #fff
text-align: center;
height:250px;

[deesan]

Thanks for the reply. I guess I'm not understanding correctly. Am I supposed to move the header image to the logowrapper section from the mainwrapper? My code is below. Also, what can I do to get the white mainwrapper to flow to the bottom of the page?

#mainWrapper {

text-align: left;
width: 830px;
vertical-align: top;
background-image: url(../images/mainwrapper_tile.jpg);
background-repeat: repeat-y;
background-position: center;
}

#logoWrapper {
background-color: transparent;
height:282px;
}

#headerWrapper {
background-image: url(../images/header_bg.jpg);
background-repeat: no-repeat;

[gjh42]

I get

Server not found
Firefox can't find the server at dezign-xpressionz.com.

You can't have a tiled image in #mainWrapper that repeats over only part of the area - it's all or just one in each direction.

What you can do is have a background-color or background-image in #headerWrapper, which will cover any image behind it in #mainWrapper.

You also can't make #mainWrapper come exactly to the bottom of the browser window. It will expand only as much as required to fit the content, or else you can specify a fixed height or min-height.

[deesan]

Thanks but I tried that and it didn't work with the header. Also an example of what I'm trying to get is mine to look like http://www.sweetshoppedesigns.com/ where the center section flows all the way to the bottom of the page. Thanks

[gjh42]

Now that I can see your site, I see what you mean by "bottom of the page".
You have a bannerbox (bannerbox 6) which you can turn off in admin, and the "Valid XHTML 1.0 Transitional" link which you can eliminate from /includes/templates/your_template/common/tpl_main_page.php.

For the header, I presume you want the body background to show behind the header image. As I said, you can't have a #mainWrapper background tiled and starting below the header; what you can do is give the background-color to #contentMainWrapper instead:

#contentMainWrapper {background-color: #ffffff;}

You will want to do the same with #navSuppWrapper and #siteInfoLegal as well, and #siteInfoIP if you want to leave that showing.

There is no good reason to use an image to make the background white as you were doing.

[digitaldesigns08]

This was SOOO helpful!!! Thanks so much.