Page centered in IE7 but not in Firefox 2.0

I am in the process of trying to build a template for my web site
using only CSS, but when it is viewed with IE7 it is centered, but
with Firefox 2.0 it is floated left. I really don't mind which way it
is but I would like it to be the same across browsers. Does anybody
have a suggestion or cure? Any help will be appreciated? The url is a-
ok-site.com.

Thanks,

Daniel

In article
<1194989178.787360.225220 (AT) 50g2000hsm (DOT) googlegroups.com>,
a-ok-site <a.ok.site (AT) gmail (DOT) com> wrote:

I am in the process of trying to build a template for my web site
using only CSS, but when it is viewed with IE7 it is centered, but
with Firefox 2.0 it is floated left. I really don't mind which way it
is but I would like it to be the same across browsers. Does anybody
have a suggestion or cure? Any help will be appreciated? The url is a-
ok-site.com.

In your case, you can do this:

change the max-width on #page and #logo to width and add
margin:auto; to both too.

That is one strategy, there are others that will deliver a more
fluid page, just em width your #page and add margin:auto;
(perhaps about 40em will do in your case).

You can also get more sophisticated and use a wrapper, %
dimension the logo to fill it 100% and em size the wrapper to
about 40em... but better stop here. Try the above and see if you
like.

--
dorayme

On Nov 13, 3:52 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
1194989178.787360.225... (AT) 50g2000hsm (DOT) googlegroups.com>,

a-ok-site <a.ok.s... (AT) gmail (DOT) com> wrote:
I am in the process of trying to build a template for my web site
using only CSS, but when it is viewed with IE7 it is centered, but
with Firefox 2.0 it is floated left. I really don't mind which way it
is but I would like it to be the same across browsers. Does anybody
have a suggestion or cure? Any help will be appreciated? The url is a-
ok-site.com.

In your case, you can do this:

change the max-width on #page and #logo to width and add
margin:auto; to both too.

That is one strategy, there are others that will deliver a more
fluid page, just em width your #page and add margin:auto;
(perhaps about 40em will do in your case).

You can also get more sophisticated and use a wrapper, %
dimension the logo to fill it 100% and em size the wrapper to
about 40em... but better stop here. Try the above and see if you
like.

--
dorayme

Thanks for the assist.

Later,

Daniel

On Nov 13, 3:52 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
1194989178.787360.225... (AT) 50g2000hsm (DOT) googlegroups.com>,

a-ok-site <a.ok.s... (AT) gmail (DOT) com> wrote:
I am in the process of trying to build a template for my web site
using only CSS, but when it is viewed with IE7 it is centered, but
with Firefox 2.0 it is floated left. I really don't mind which way it
is but I would like it to be the same across browsers. Does anybody
have a suggestion or cure? Any help will be appreciated? The url is a-
ok-site.com.

In your case, you can do this:

change the max-width on #page and #logo to width and add
margin:auto; to both too.

That is one strategy, there are others that will deliver a more
fluid page, just em width your #page and add margin:auto;
(perhaps about 40em will do in your case).

You can also get more sophisticated and use a wrapper, %
dimension the logo to fill it 100% and em size the wrapper to
about 40em... but better stop here. Try the above and see if you
like.

--
dorayme

Thanks for the assist.