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

Received on Sunday, 18 May 2008 15:21:36 UTC