This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > November 2007 > Page centered in IE7 but not in Firefox 2.0
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Page centered in IE7 but not in Firefox 2.0
|
|
| a-ok-site 2007-11-13, 10:15 pm |
| 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 2007-11-13, 10:15 pm |
| In article
<1194989178.787360.225220@50g2000hsm.googlegroups.com>,
a-ok-site <a.ok.site@XXXXXXXXXX> 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
| |
| a-ok-site 2007-11-13, 10:15 pm |
| On Nov 13, 3:52 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <1194989178.787360.225...@50g2000hsm.googlegroups.com>,
>
> a-ok-site <a.ok.s...@XXXXXXXXXX> wrote:
>
> 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 2007-11-13, 10:15 pm |
| On Nov 13, 3:52 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <1194989178.787360.225...@50g2000hsm.googlegroups.com>,
>
> a-ok-site <a.ok.s...@XXXXXXXXXX> wrote:
>
> 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.
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|