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)
-   -   Change width, center site & change background color (https://forum.x-cart.com/showthread.php?t=45824)

Freakmode 04-22-2009 06:50 AM

Re: Change width, center site & change background color
 
I too am stuck on centering the entire site.

I can set the width fine but it stays on the left

Anyone got a fix for this yet as I have tried the ideas from earlier posts in this section.

ARW VISIONS 04-22-2009 06:56 AM

Re: Change width, center site & change background color
 
change this


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

to this

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

Freakmode 04-23-2009 12:20 AM

Re: Change width, center site & change background color
 
Thanks Ashley - worked once I reloaded the main.css file from the dist pack.

Interesting that I tried that yesterday and it did not work.

ceLL 01-07-2010 03:09 PM

Re: Change width, center site & change background color
 
Hello,

Sorry to bring back an older thread, though I seem to be having a similar issue. I am trying to center my store, now it's centering in Firefox, Chrome, Safari and Opera fine, though it will not center in IE7/8 and it just messed right up in IE6. My main concern being the page centering in IE7/8.

My code for the body and page-container are as follows:

Code:

html,body {
  background-color: #E1E1E1;
  border: 0px none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  height: 100%;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  width: 950px;
}


Code:

#page-container {
 background: #ffffff;
 min-height: 100%;
 position: relative;
 text-align: left;
}


Any help would be greatly appreciated.

Cheers

ARW VISIONS 01-07-2010 03:27 PM

Re: Change width, center site & change background color
 
html,body {
background-color: #E1E1E1;
border: 0px none;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
height: 100%;
padding: 0px;
text-align: center;
width: 100%;
}

#page-container {
background: #ffffff;
min-height: 100%;
position: relative;
text-align: left;
margin:auto 0;
}

ARW VISIONS 01-07-2010 03:28 PM

Re: Change width, center site & change background color
 
oops I mean

#page-container {
background: #ffffff;
min-height: 100%;
position: relative;
text-align: left;
margin:0 auto;
}

ceLL 01-07-2010 04:12 PM

Re: Change width, center site & change background color
 
Thanks for the reply though I have tried that, as well I want a fixed width.

The top is as well no longer flush so I added margin-top: 0px; to the body portion.

Another problem with that is now it doesn't center in any browser.

The site is located at: http://new.cbitsecurity.com if you would like to take a peek at it.

Cheers

ceLL 01-12-2010 07:46 AM

Re: Change width, center site & change background color
 
No one has any further ideas?

This is bothering me as all the IE hacks I have tried work in every other browser except IE =/

Any further help would be appreciated.

ARW VISIONS 01-12-2010 07:54 AM

Re: Change width, center site & change background color
 
#page-container {
background: #ffffff;
min-height: 100%;
position: relative;
text-align: left;
margin:0 auto;
width:950px;
}

ARW VISIONS 01-12-2010 07:55 AM

Re: Change width, center site & change background color
 
just add the width property


All times are GMT -8. The time now is 11:05 AM.

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