Category boxes change size when viewing pages

[donnad]

I posted this on the general forum and no replies so I am posting here.
Can someone please tell me how to keep my category boxes from changing sizes when viewing different pages in my zen cart? I would like to have my pages, side columns, middle boxes and side boxes stay the same when viewing different pages. I am switching web hosts and this is my temporary web site until I go live. I have an existing web site: http://www.countryandprim.com and I want my zen cart to be the same as my existing site. Here is my temporary web site for you to see what I am trying to achieve. http://www.siteground152.com/~countrya/


Thank you in advance and I appreciate any help you can give me.
Donna

[DJH]

Hello Donna,

You may already have your solution by now, but are you trying to achieve a fixed width layout? (where your side columns and main column stay the same with, and the dark blue areas to the left and right of your page stretch when needed?)

If so, you'd need to make a few adjustments to your stylesheet.

Where it says:

#mainWrapper {
    background-image: url(../images/topbg.gif);
    text-align: center;
    width: 85%;
    vertical-align: top;
    /*border: 1px solid #cacaca;*/
    }

Change that to something, like:

#mainWrapper {
    background-image: url(../images/topbg.gif);
    text-align: center;
    width: 780px; /* or the width you desire */
    margin: 0px auto;
    vertical-align: top;
    /*border: 1px solid #cacaca;*/
    }

I believe that should do it.

Have fun, David

[donnad]

David:
Thank you so much for taking the time to reply to my question. I appreciate the feedback and will apply this to my stylesheet. Thank you again.

Donna