X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Centering layout (https://forum.x-cart.com/showthread.php?t=43673)

ChrisP05 11-14-2008 12:34 PM

Re: X-Cart 4.2 beta testing
 
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 11-14-2008 12:37 PM

Re: Centering layout
 
Moving this to its own thread. Use this:

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

ChrisP05 11-14-2008 01:01 PM

Re: Centering layout
 
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;

}

/*


All times are GMT -8. The time now is 11:55 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.