Page centered in IE7 but not in Firefox 2.0

[a-ok-site]

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

[dorayme]

In article
<11**********************@50g2000hsm.googlegroups. com>,
a-ok-site <a.*******@gmail.comwrote:

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

[a-ok-site]

On Nov 13, 3:52 pm, dorayme <[e-mail]:

In article
<[e-mail]. com>,

a-ok-site <[e-mail]:

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

[a-ok-site]

On Nov 13, 3:52 pm, dorayme <[e-mail]:

In article
<[e-mail]. com>,

a-ok-site <[e-mail]:

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.