Forums / Templates, Stylesheets, Page Layout / Site Not Centered on Safari

Site Not Centered on Safari

Views: 738

Results 1 to 7 of 7
29 May 2013, 6:02 PM
#1
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Site Not Centered on Safari

My site comes up pushed to the right on both Safari and Chrome, but looks correct on Firefox and IE. It took me a very long time to get it to look centered on those two browsers and I want to be very sure before I make any changes.

http://designerperfumesnob.authsafe.com/

Thanks!

29 May 2013, 6:28 PM
#2
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,870
Plugin Contributions:
19

Re: Site Not Centered on Safari

Several code errors and the inclusion of some incorrectly coded breaks (<br> should be at least <br />).

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

29 May 2013, 10:06 PM
#3
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Site Not Centered on Safari

dbltoe:

Several code errors and the inclusion of some incorrectly coded breaks (<br> should be at least <br />).

I would make all changes needed to correct this. Anyway you can give a little more guidance? Thanks.

30 May 2013, 12:20 AM
#4
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Site Not Centered on Safari

Can anyone offer a fix for centering my site on Safari and Chrome as it is on Firefox and IE?

http://designerperfumesnob.authsafe.com/

Thanks!

30 May 2013, 12:29 AM
#5
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Site Not Centered on Safari

It was recently suggested I add this to my CSS:

.chrome {
position: relative;
right: -50px;
}

.safari {
position: relative;
right: -50px;

Now I am thinking this has caused the shift from centering my site on those two browsers, to having everything pushed to the right. I don't know how to correct this. Can anyone advise?

30 May 2013, 1:13 AM
#6
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,870
Plugin Contributions:
19

Re: Site Not Centered on Safari

traytray:

.chrome {
position: relative;
right: -50px;
}

.safari {
position: relative;
right: -50px;One of the posting tips asks what changes you've made to your site.:no:

Try placing /* at the beginning of the .chrome and */ after the closing }. Then view the site in chrome. I'd bet the problem goes away.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

30 May 2013, 5:40 AM
#7
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Site Not Centered on Safari

dbltoe:

One of the posting tips asks what changes you've made to your site.:no:

Try placing /* at the beginning of the .chrome and */ after the closing }. Then view the site in chrome. I'd bet the problem goes away.

Yes, that did the trick! Thanks!