Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Center Site

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 04-19-2010, 01:34 PM
 
Tulio Tulio is offline
 

Newbie
  
Join Date: Jan 2008
Posts: 8
 

Default Center Site

Hi guys, can anyone give me a hand on how to center this site?

I know several times have been posted this thread but I can't get done with it, that's why I'm asking for help. As I saw what is poosted before I did the same.

Here is my confisguration in CSS:

html,body {
height: 100%;
width:1024px;
margin:0 auto;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 1px solid #000000;

----------

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

------

Where is the error?

Thanks in advance.

Tulio Castellanos
__________________
www.cardnex.com
X-cart version 4.3.1
Reply With Quote
  #2  
Old 04-19-2010, 03:17 PM
 
Shamun Shamun is offline
 

X-Adept
  
Join Date: Jun 2009
Location: North Carolina
Posts: 841
 

Default Re: Center Site

The first page container needs to have:

margin-left: auto;
margin-right: auto;
__________________
- Shane Munroe
Reply With Quote
  #3  
Old 04-19-2010, 05:31 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Center Site

Change this

html,body {
height: 100%;
width:1024px;
margin:0 auto;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 1px solid #000000;

----------

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

to this

html,body {
height: 100%;
width:100%;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 1px solid #000000;

----------

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

width of 1024px will not allow for scroll bars on the left, body and html width need to be 100%, you ahd a ; where you need a :
__________________
xcart 5.1.2
Reply With Quote
  #4  
Old 04-20-2010, 03:46 AM
 
Tulio Tulio is offline
 

Newbie
  
Join Date: Jan 2008
Posts: 8
 

Default Re: Center Site

Ashley, thanks for your help.
It's done.
__________________
www.cardnex.com
X-cart version 4.3.1
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:45 PM.

   

 
X-Cart forums © 2001-2020