471,603 Members | 1,485 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,603 software developers and data experts.

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

Nov 13 '07 #1
3 1552
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
Nov 13 '07 #2
On Nov 13, 3:52 pm, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article
<1194989178.787360.225...@50g2000hsm.googlegroups. com>,

a-ok-site <a.ok.s...@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
Thanks for the assist.

Later,

Daniel
Nov 13 '07 #3
On Nov 13, 3:52 pm, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article
<1194989178.787360.225...@50g2000hsm.googlegroups. com>,

a-ok-site <a.ok.s...@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
Thanks for the assist.

Nov 13 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

6 posts views Thread by The Bicycling Guitarist | last post: by
4 posts views Thread by yawnmoth | last post: by
17 posts views Thread by Stian Lund | last post: by
6 posts views Thread by a-ok-site | last post: by
2 posts views Thread by mjeschk | last post: by
1 post views Thread by Maxime | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.