centering website

General General Questions
1

Hi I have version 1.3.4 v3 which I still love to use and our customers like. I want to center all pages without stretching to there screen but to stay at 1024 width but centered.



www.drywallzone.com



everything is to the left which was always fine but a customer was wondering why is not centered

2

in your styles.css under the body section, put this code:


        margin: 0 auto;
3

I tried it but still not centered, is this correct on bottom



body {

background-color: #ffffff;

margin-top: 0px;

margin-bottom: 0px;

margin-left: 10px;

margin-righauto;t: 10px;

margin:0 auto;

}

4

I’m not an expert with this stuff, so backup your file before proceeding!



I would change it from this to:


body {
background-color: #ffffff;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-righauto;t: 10px;
margin:0 auto;
}



to this:

body {
background-color: #ffffff;
margin: 0 auto;
}

5

This has been posted on the forum before, but this is what I did:



In skins/your-skin/customer/index.php



After:



[html][/html]



Add:



[html]

[/html]



Then before:



[html][/html]



Add:



[html]
[/html]



Then in skins/your-skin/customer/styles.css



Add at the top:


#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
top: 0px;
width:912px; /* set to required site width */
background-color: #ffffff;
}



Also change the body tag to:


body {
margin:5px auto 2px auto;
background-position:top;
width:912px;
}



To make this look good in IE you should also change skins/your-skin/customer/styles_ie.css



I don’t remember if there was originally a body tag, but if not add to the top of the style sheet:


body {
max-width:912px;
}



It think that should do it for you. Obviously you could play around for a different width.



Brandon

6

index.php?

I only see index.tpl

7

got it, cheers

8

got it, cheers but if you click for example Tapetech Taper on front page it is on rught side, so some is right side

9

I forgot to, what about mac?

10

I have tested this with FF2, FF3, IE6, IE7, Safari, and Opera using a PC so I am pretty sure it shouldn’t matter for a mac, but since I don’t own a mac I really don’t know.



Brandon

11

[quote name=‘flasher’]got it, cheers but if you click for example Tapetech Taper on front page it is on rught side, so some is right side[/QUOTE]



My guess is that because you have your products in a multicolumn format it throws the width out the window for some reason. I would imagine that you could either play around with the multicolumn format or just change it to one column.



Brandon