center all the store, Help !

Olivierv · #1 06-20-2011, 07:50 AM

Hello,

(sorry for my bad english)

I have updating my xcart to the last version 4.4.3
http://www.chip-hockeyshop.com/home.php?shopkey=321

I use vivid dreams Chromo template.

I would like fix width to 1300px and centered all my store.

I have editing 2 sections in main.css in folder \skin\common_files

body
{
height: 100%;background-color: #fff;
margin: 0;
padding: 0;
min-width: 1300px;
border: 0 none;
}

----------

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

the width is OK but the store is left-aligned, i would like to center all.

Thank you for your help.

Oliver

photo · #2 06-20-2011, 08:28 AM

Quote:

Originally Posted by Olivierv

Hello,

(sorry for my bad english)

I have updating my xcart to the last version 4.4.3
http://www.chip-hockeyshop.com/home.php?shopkey=321

I use vivid dreams Chromo template.

I would like fix width to 1300px and centered all my store.

I have editing 2 sections in main.css in folder \skin\common_files

body
{
height: 100%;background-color: #fff;
margin: 0;
padding: 0;
min-width: 1300px;
border: 0 none;
}

----------

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

the width is OK but the store is left-aligned, i would like to center all.

Thank you for your help.

Oliver

Try

Code:

body
{
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  width: 1300px;
  border: 0 none;
}

Olivierv · #3 06-20-2011, 09:21 AM

thank you but no change, always left-aligned.

Another idea ?

photo · #4 06-20-2011, 09:27 AM

Quote:

Originally Posted by Olivierv

thank you but no change, always left-aligned.

Another idea ?

Did you use width: 1300px; instead of min-width: 1300px;

I just tried it again using firefox 4 and that centered it, not sure about IE

Olivierv · #5 06-20-2011, 09:43 AM

I just tried with Firefox 4, IE8, IE9 is always centered on the left on my pc

photo · #6 06-20-2011, 09:46 AM

Quote:

Originally Posted by Olivierv

I just tried with Firefox 4, IE8, IE9 is always centered on the left on my pc

Your code is still showing

Code:

/**
 * General tags styles
 */
html,
body
{
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
  min-width: 1300px;
  border: 0 none;
}

Did you put it back to what you had?

Olivierv · #7 06-20-2011, 10:01 AM

Now, I just tried to put your code exactly, I have a screen rИsoltion full hd, the store is always on the left on my pc with IE or Firefox...

cflsystems · #8 06-20-2011, 10:03 AM

Try cleanup.php to clear the cache

Olivierv · #9 06-20-2011, 11:16 AM

OK, I tried cleanup.php but no effect...

http://www.chip-hockeyshop.com/home.php?shopkey=321

photo · #10 06-20-2011, 11:45 AM

Quote:

Originally Posted by Olivierv

Now, I just tried to put your code exactly, I have a screen rИsoltion full hd, the store is always on the left on my pc with IE or Firefox...

Your css is showing,

Code:

html,
 body  {   height: 100%;   background-color: #fff;   margin: 0 auto;   border: 0 none; }

and not

Code:

html,
  body {   height: 100%;   background-color: #fff;   margin: 0 auto;   width: 1300px;   border: 0 none; }

as I suggested. Have you tried that exact code because it centers the site for me in firefox and in IE