Re: Colors of collapsed margins

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:53:56 GMT

On Thu, 19 Nov 1998, L. David Baron wrote:
> *Any* adjacent vertical margins in the normal flow are collapsed. 
Hmm. Yes, you're right. Sorry.

So this code snippet:

  <BODY>
   <DIV>
    <UL>
    </UL>
   </DIV>
   <BLOCKQUOTE>
    <OL> 
    </OL>
   </BLOCKQUOTE>
  </BODY>

With this CSS:

  * { padding: 0; border: none; margin: 20px 10px; }
  .BODY { background: #111111; }
  .DIV  { background: #222222; }
  .UL   { background: #333333; }
  .BLOCKQUOTE { background: #444444; }
  .OL   { background: #555555; }

Would make the following containerships:

 BODY
 +-DIV-------------------------+
 | +-UL----------------------+ |
 | |                         | |
 | +-------------------------+ |
 |                             |
 +-----------------------------+

 +-BLOCKQUOTE------------------+
 |                             |
 | +-OL----------------------+ |
 | |                         | |
 | +-------------------------+ |
 +-----------------------------+

And would be rendered like this (where the lines and labels merely
show where the background colours change) because of vertical collapse
of the margins:

 BODY
 +-DIV-------------------------+
 | +-UL----------------------+ |
 | |                         | |
 +-+-------------------------+-+
   BLOCKQUOTE                    <<< *
 +-+-OL----------------------+-+
 | |                         | |
 | +-------------------------+ |
 +-----------------------------+

And you want to know what colour should be used between the OL and
the UL, in the area marked "*"?

Logically, I would say it would be the colour of the BODY: #111111.

-- 
Ian Hickson