RE: [CSS21] Why are browser default style values different from Appendix D

Hello,

Reviving this old thread...

Using Alan's template, I updated the table with em values where appropriate. The rows where there is a difference between the majority of browsers and default style are marked as red.


Also, the following styles need special attention:
1. <BR> - this is being debated separately so please ignore for now
2. Page break before on <H1> - none of the browsers do this, so we should simply remove it.
3. Missing vertical align on <TR> - an extra rule should be added for 'inherit' on vertical-align for <TR> (also discussed here: http://lists.w3.org/Archives/Public/www-style/2008Apr/0304.html)


Thanks,
Saloni


-------------------------------------
Saloni Mira Rai
IE Developer Experience PM
425-421-8505


-----Original Message-----
From: Alan Gresley [mailto:alan@css-class.com]
Sent: Sunday, May 18, 2008 8:20 AM
To: Bruno Fassino
Cc: 'CSS'; Saloni Mira Rai
Subject: Re: [CSS21] Why are browser default style values different from Appendix D

Alan Gresley wrote:

> It seems better expressing these values as em units. For a 96DPI
> setting, FF, Safari and Opera seems to agree that the FORM element has
> 1.12em vertical margins. Also FF, Safari and Opera seems to agree that
> the P, BLOCKQUOTE, DL, OL and UL element has 1.35em vertical margins. Is
> this correct?


My CSS error in my test case (updated). Most current implementations
show the vertical margins of the P, BLOCKQUOTE, DL, OL and UL elements
as 1em. Thank you Philippe and Bruno for correcting me. Knowing this has
allowed me to update the table with more values in em units. I have also
added padding-start for UL and OL elements.


http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm


Using another computer (which is now working) with a 1024 by 768 screen
resolution I find that IE8b is still showing different to FF and Safari.


http://css-class.com/test/css/defaults/default-margins.htm


In IE8b the vertical margins on the P element is 18px, thus the blue
height marker of 1em does not match. In FF and Safari the vertical
margins on the P element is 16px, thus matching the blue height marker
of 1em.

I have added a orange height marker of 1.125em (18px) for IE8b. A
screenshot of this clearly shows this difference between IE8b and the
other two implementations (FF and Safari).


http://css-class.com/test/images/vert-margins.png


In IE8b, comparing all elements in my test case shows difference values
than those that are seen in the table, especially for the FORM and
FIELDSET elements which both show vertical margins of about 18px. I will
sleep now and see if that makes a difference. :-)


Alan