Comments on test margin-inline-001.htm

This test
  http://www.w3.org/Style/CSS/Test/CSS2.1/20100316/html4/margin-inline-001.htm
has a div with a blue border including a span with orange background
and vertical margins. It says:
  "Test passes if the top and bottom of the orange box is touching the
inner edges of the blue box..."
but even when the vertical margins on the span are ignored, the orange
background and the div border may not be touching.

The span background is rendered on its content area whose height is
font dependent.
The height of the div is based on the line-height in use, 'normal' in
this case, and again (usually) font-dependent.
Now for a given font,  the 'normal' line-height is _not_ necessarily
equal to the content area height.  Both are usually deducted from some
font metrics, but they may be chosen with a certain arbitrariness by
UA.

So the height of the div is not necessarily equal to the height of the
orange background.

Indeed with some combination of browser and default font, there is gap
between the orange and the blue border, usually few pixels.


Bruno

-- 
Bruno Fassino http://www.brunildo.org/test

Received on Friday, 19 March 2010 18:54:07 UTC