Forums / Templates, Stylesheets, Page Layout / Centere'd isn't quite centered.

Centere'd isn't quite centered.

Locked

Views: 1,329

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
14 Mar 2007, 10:16 PM
#1
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Centere'd isn't quite centered.

In an attempt to center my site in any browser I've added align: center to the body tag of stylesheet.css.

However if you take a look at the site, http://birdoasis.com you'll see that it hangs off to the left.

Now I don't think this is a political statement on my site's part, but I was wondering if anyone has an idea of how to get my site back on the fence...so to speak.

John Patrick
A Zen Cart Advocate!

14 Mar 2007, 10:45 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,685
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

John-

A couple of things- Put the width of the shop in the main container - #mainWrapper instead of the body. Then remove the align: center (not valid CSS) and instead use margin:auto in the #mainWrapper.

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

14 Mar 2007, 11:58 PM
#3
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

Just a quick note about your site. Your text links (the ones in the content text) are given a dark green background on rollover, but the text itself remains blue, so it's hard to read. Why not chnage the text to white on rollover so it stands out -- and it'll match the links in your header too.

Just a thought.

Rob

Breakfast: the most important donut of the day.

15 Mar 2007, 5:09 PM
#4
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

Thanks Kim, I'll try that.

rstevenson, thanks for that. I'm aware of it, and am working to convince my wife to stop just copying from ebay into the dad gum editor. But I will be changing it.

I would like you to consider changing your profile photo. Now I want a donunt. HAHA.

John Patrick
A Zen Cart Advocate!

16 Mar 2007, 1:22 PM
#5
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

And that isn't just any donut. I made it. :-D

Breakfast: the most important donut of the day.

19 Mar 2007, 7:13 PM
#6
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

rstevenson,

I'll be happy to be a bata taster for any future products with holes in the middle.

John Patrick
A Zen Cart Advocate!

22 Mar 2007, 8:05 PM
#7
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Centere'd isn't quite centered.

I finally got a chance to work on this a bit.

Kim's suggestion of using margin: auto turned out not to be necessary since the problem was due to my having the width defined in the body tag.

So the lesson is not to place the width size in the body tag. Any width changes should be done in the mainwrapper.

Very cool!

John Patrick
A Zen Cart Advocate!