X-Cart forums

[ChrisP05]

Hi All.

Stupid question probably.

I just spent 3 hours trying to center the template in 4.2.

Tried this:

#page-container {
min-height: 100%;
position: relative;
width:980px;
}

which should have worked. It dont.

I want the template 980px wide centered on the screen.

Thanks,

Chris

[balinor]

Moving this to its own thread. Use this:

#page-container {
min-height: 100%;
margin: 0 auto;
width:980px;
}

[ChrisP05]

Thanks Balinor,

Almost worked.

Also have to take out some floats in #header #footer

/* page container */
#page-container {
min-height: 100%;
margin: 0 auto;
width:980px;
}

/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 39px;
margin-top: 140px;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}
#left-bar {
float: left;
position: relative;
width: 150px;
margin-left: 7px;
}
#right-bar {
float: right;
right: 7px;
position: relative;
width: 158px;
}
#center-main {
margin: 0px 185px 0px 177px;
overflow: hidden;
position: relative;
}
#header {
height: 140px;
position: absolute;
top: 0;
width:980px;
}
#footer {
height: 39px;
width:980px;
position: absolute;
bottom: 0;
overflow: hidden;

}

/*