Stylesheets - Template's column heights change in different browsers

Author

Template's column heights change in different browsers

Vez

2007-11-08, 10:16 pm

Why does this template display the text in columns 1 & 2 slightly
higher in IE7 than in Firefox 2.0.0.9?:

http://www.freecsstemplates.org/preview/saltpepper

-Thanks

dorayme

2007-11-09, 3:17 am

In article
<1194576276.157155.306780@s15g2000prm.googlegroups.com>,
Vez <tw@emailaccount.com> wrote:

> Why does this template display the text in columns 1 & 2 slightly
> higher in IE7 than in Firefox 2.0.0.9?:
>
> http://www.freecsstemplates.org/preview/saltpepper
>
> -Thanks

Perhaps because the default css sheet that IE 7 uses is
different?

Anyway, take the main frame as a separate url and take a look:
notice that in the css there is

h2 {
font-size: 1.6em;
}

h3 {
margin: 0;
font-size: 1em;
}

The h2 margin is not set and might be inheriting or set in the
default sheet. Try zeroing the margin and padding for this and
then seeing in IE and FF.

--
dorayme

Vez

2007-11-09, 6:21 pm

On Nov 8, 7:49 pm, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In article
> <1194576276.157155.306...@s15g2000prm.googlegroups.com>,
>
> Vez <t...@emailaccount.com> wrote:
>
>
>
> Perhaps because the default css sheet that IE 7 uses is
> different?
>
> Anyway, take the main frame as a separate url and take a look:
> notice that in the css there is
>
> h2 {
> font-size: 1.6em;
>
> }
>
> h3 {
> margin: 0;
> font-size: 1em;
>
> }
>
> The h2 margin is not set and might be inheriting or set in the
> default sheet. Try zeroing the margin and padding for this and
> then seeing in IE and FF.
>
> --
> dorayme

That was it! Zeroing the margin fixed it.

Thanks :)