Font inheritance - Opera, Mozilla and IE all different - which is right?

[Pete Gray]

I have this in my style sheet:

..intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transpare nt;
margin-left:-0.1em;
padding:0px;
font-family:Georgia, Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

[no comments on the Comic Sans please, it's a temporary page just for
my daughter's birthday, and she really likes using that font]

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.
--
Pete Gray
while ($cat!="home"){ $mice=="play";}

[Matt]

On Thu, 23 Oct 2003 16:15:58 +0100, Pete Gray wrote:

I have this in my style sheet:

.intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transpare nt;
margin-left:-0.1em;
padding:0px;
font-family:Georgia, Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

[no comments on the Comic Sans please, it's a temporary page just for
my daughter's birthday, and she really likes using that font]

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.

Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.

Incidentally, I think there's a new version of Opera out, if you like
upgrading :-)

The 'p' shouldn't make any difference in this case (assuming it's a <p>
in the HTML).

Mozilla is generally the best, and the support for :first-letter isn't
that great in any case.

Happy birthday to your daughter.

--
Matt
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----

[Pete Gray]

On Thu, 23 Oct 2003 19:12:52 +0100, Matt <ma**********@h otmail.com>
wrote:

On Thu, 23 Oct 2003 16:15:58 +0100, Pete Gray wrote:

I have this in my style sheet:

.intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transpare nt;
margin-left:-0.1em;
padding:0px;
font-family:Georgia, Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.
Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.

Thanks for that. So it's Opera that completely screws it up. Not that
it's so crucial, I have a pretty relaxed attitude to display blips
like this.

Incidentally , I think there's a new version of Opera out, if you like
upgrading :-)
I may do, but at the moment I'm in love with Firebird (and I notice
that 0.7 is now out -- must pay more attention).

The 'p' shouldn't make any difference in this case (assuming it's a <p>
in the HTML).
It is...and that's where IE screws up, in a way that doesn't make a
whole lot of sense.

Mozilla is generally the best, and the support for :first-letter isn't
that great in any case.
Good enough for the simplistic uses I make of it. Nice to know what I
was expecting was correct.
Happy birthday to your daughter.

Thanks.

--
Pete Gray
while ($cat!="home"){ $mice=="play";}

[Stephen Poley]

On Thu, 23 Oct 2003 19:12:52 +0100, Matt <ma**********@h otmail.com>
wrote:

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.

Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.

Incidentally , I think there's a new version of Opera out, if you like
upgrading :-)

Yes, it works OK in the new Opera 7.21. One or two other CSS
bugs/restrictions also seem to have been cured, compared to 7.11. The
7.0x versions were a bit iffy by Opera standards, so I´d recommend
upgrading.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/