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]

Re: Page centered in IE7 but not in Firefox 2.0

In article
<1194989178.787 360.225220@50g2 000hsm.googlegr oups.com>,
a-ok-site <a.ok.site@gmai l.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]

Re: Page centered in IE7 but not in Firefox 2.0

On Nov 13, 3:52 pm, dorayme <doraymeRidT... @optusnet.com.a uwrote:

In article
<1194989178.787 360.225...@50g2 000hsm.googlegr oups.com>,
>
a-ok-site <a.ok.s...@gmai l.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

Thanks for the assist.

Later,

Daniel

[a-ok-site]

Re: Page centered in IE7 but not in Firefox 2.0

On Nov 13, 3:52 pm, dorayme <doraymeRidT... @optusnet.com.a uwrote:

In article
<1194989178.787 360.225...@50g2 000hsm.googlegr oups.com>,
>
a-ok-site <a.ok.s...@gmai l.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

Thanks for the assist.