X-Cart forums

[Freakmode]

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]

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]

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]

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:

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;
}

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

Any help would be greatly appreciated.

Cheers

[ARW VISIONS]

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]

oops I mean

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

[ceLL]

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]

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]

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

[ARW VISIONS]

just add the width property