W3C home > Mailing lists > Public > www-style@w3.org > February 2012

Re: [CSS21] BFC may become narrower and collide with a previous float

From: Alan Gresley <alan@css-class.com>
Date: Tue, 14 Feb 2012 21:33:59 +1100
Message-ID: <4F3A3897.3020806@css-class.com>
To: fantasai <fantasai.lists@inkedblade.net>
CC: Morten Stenshorne <mstensho@opera.com>, "www-style@w3.org" <www-style@w3.org>
On 14/02/2012 8:26 PM, fantasai wrote:
> On 02/14/2012 05:48 AM, Alan Gresley wrote:
>>
>> If this is the case, then 9.4.1 [1] should also state that 'display:
>> table' and 'display: table-row' also establish a new BFC
>> since boxes with these display values also have the same behavior when
>> beside floats.
>
> Table rows don't establish block formatting contexts, but wrt table
> boxes, see
> http://www.w3.org/TR/CSS21/tables.html#model
>
> ~fantasai

This may be true by way of concept of the spec but the reality is 
different (see test below).

(note how the margins of the <p> do not collapse)

<!doctype html>

<style>
#float {
    float: left;
    width: 200px;
    height: 100px;
    border: 10px solid blue;
}
#table {
    background: yellowgreen; display: table;
}
p { background: yellow; }
</style>

<div id="float">Float</div>

<div id="table">

   <p>Block</p>
   <p>Block</p>
   <p>Block</p>
   <p>Block</p>
   <p>Block</p>
   <p>Block</p>

</div>



-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/
Received on Tuesday, 14 February 2012 10:34:38 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:50 GMT