Re: Issue with margin-collapse-clear-012.htm and margin-collapse-clear-013.htm

> Robert, please provide a full example along with <!-- comments --> in the
> code so that I could understand you. You are potentially talking or
> comparing 4 tests. And try to replace "they", "there", etc.. with more
> univocal terms.
>
Thanks for the quick response Gérard and point taken.

I'm questioning the expected rendering of this part of
margin-collapse-clear-012.htm:

<div id="parent">
  <div id="float" style="float:left; height: 100px; width: 100px;
background-color:blue;"></div>
  <div id="self-collapsing-with-clearance" style="clear: both;
margin-top: 40px; margin-bottom:80px"></div>
  <div id="following-sibling" style="margin-bottom:140px;"></div>
</div>

The test results expect "self-collapsing-with-clearance" to receive a
clearance of 60px - this is a result of subtracting the margin-top
from the height of the float it has to clear (100px - 40px).

However I believe the correct clearance is 20px. I say this because
the margins in "self-collapsing-with-clearance" collapse together
giving a collapsed margin-top value of 80px (max(margin-top,
margin-bottom)) and it is this value that has to be used to determine
the clearance: 100px - 80px = 20px

I think this follows from the spec. Particularly the parts in
http://www.w3.org/TR/CSS2/visuren.html#clearance :

"Clearance inhibits margin collapsing and acts as spacing above the
margin-top of an element. It is used to push the element vertically
past the float."

"If this hypothetical position of the element's top border edge is not
past the relevant floats, then clearance is introduced, and margins
collapse according to the rules in 8.3.1. Then the amount of clearance
is set to.."

I hope my question is clearer now.

Thanks,
Robert

Received on Thursday, 24 October 2013 17:51:57 UTC