W3C home > Mailing lists > Public > public-css-bugzilla@w3.org > February 2012

[Bug 16113] New: How horizontal margins of a BFC block adjacent to a floated block should be rendered

From: <bugzilla@jessica.w3.org>
Date: Fri, 24 Feb 2012 19:29:18 +0000
To: public-css-bugzilla@w3.org
Message-ID: <bug-16113-5148@http.www.w3.org/Bugs/Public/>
https://www.w3.org/Bugs/Public/show_bug.cgi?id=16113

           Summary: How horizontal margins of a BFC block adjacent to a
                    floated block should be rendered
           Product: CSS
           Version: unspecified
          Platform: All
        OS/Version: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: CSS Level 2
        AssignedTo: bert@w3.org
        ReportedBy: info@gtalbot.org
         QAContact: public-css-bugzilla@w3.org


Test and demo pages
-------------------
A)
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/marges-contexte-formatage.html

B)
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/Floats-And-BFCs-With-Margins-AG.html


Thread
------

[CSS21] Floats, overflow: hidden, BFCs and margins
http://lists.w3.org/Archives/Public/www-style/2012Feb/0954.html

Excerpts of current spec
------------------------

"
In a block formatting context, each box's left outer edge touches the left edge
of the containing block (for right-to-left formatting, right edges touch). This
is true even in the presence of floats (although a box's line boxes may shrink
due to the floats), unless the box establishes a new block formatting context
(in which case the box itself may become narrower due to the floats). 

(...)

The border box of a table, a block-level replaced element, or an element in the
normal flow that establishes a new block formatting context (such as an element
with 'overflow' other than 'visible') must not overlap the margin box of any
floats in the same block formatting context as the element itself. If
necessary, implementations should clear the said element by placing it below
any preceding floats, but may place it adjacent to such floats if there is
sufficient space.
"


Expected result
---------------

The CSS2.1 spec should indicate how horizontal margins of the orange BFC should
be rendered, especially
- the left margin of the non-floated BFC in tests #1, #2 and #4 of
marges-contexte-formatage.html
- the right margin of the non-floated BFC in tests #4 and #5 of
marges-contexte-formatage.html
- the right margin of the non-floated BFC in all 8 sub-tests of
Floats-And-BFCs-With-Margins-AG.html

Credits go to Florent Verschelde for his original article on this issue.

regards, GĂ©rard

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.
Received on Friday, 24 February 2012 19:29:19 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 24 February 2012 19:29:20 GMT