Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to set the width of the main page.

How to set the width of the main page.

Locked

Views: 1,838

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
8 Jul 2008, 10:10 AM
#1
maxchock avatar

maxchock

New Zenner

Join Date:
Jul 2008
Posts:
2
Plugin Contributions:
0

How to set the width of the main page.

Dear All,

I'm new to Zen-Cart, and i've problem trying to set the width of the main page to full page or less instead of having large margin on the left and the right side of the default setting. Can anyone tell me where can I find the place to set it?

Thanks.

8 Jul 2008, 11:57 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How to set the width of the main page.

In stylesheet.css:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

Any questions you might have later - it's a lot easier for us to help if you include a link to your site, if possible.

8 Jul 2008, 12:34 PM
#3
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: How to set the width of the main page.

Is it better to set the width to Auto or 100%??

8 Jul 2008, 1:18 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How to set the width of the main page.

Haven't tried auto - I always use 100%. Try both and see which suits what you're trying to do.

8 Jul 2008, 6:51 PM
#5
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: How to set the width of the main page.

when you set width to 100%, can site be seen under any screen resolution? for example, when you set auto, then does not matter what resolution u have set, page will stretch itself.

The only problem i have faced is setting up header image with width set to auto.

Hope you know what i mean...

8 Jul 2008, 7:02 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to set the width of the main page.

100% means 100% of the window, whatever that stretches to.

There are many ways to make images look right in a flexible-width page, depending on the particular behavior you want. A specific question will let us give a useful answer.

8 Jul 2008, 7:19 PM
#7
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: How to set the width of the main page.

i have set width to 100% and it seems to be working fine....