590491 - Float content below body element pushes down background-position: bottom

Status: RESOLVED DUPLICATE of bug 333382

(Core :: Layout: Floats, defect)

Description

[Sander]

Attachment: testcase

See the attached testcase. Chrome and Opera have the background image (the orange bar) bottom positioned to the regular block, while Gecko has it start at the bottom of the floating block, which sticks outside the body element. (Gecko's behaviour is more desired, imo, but Opera and webkit are correct according to the spec, as far as I understand it. This is dangerous with people mostly just testing in Firefox.)

Tested in gecko 2.0b3 20100805.

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

I guess the question here is something that's actually a little ambiguous in the spec:  whether the "root" block formatting context is established by the root element or by something above the root element.  If it's established by the root element, then the root should use the height rules in 10.6.7 and this is correct.  But I can't tell from 9.4.1 what establishes the root BFC.

Comment 2

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Posted http://lists.w3.org/Archives/Public/www-style/2010Aug/0539.html

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

The CSS WG discussed this at today's meeting (and at the end of yesterday's) and concluded Gecko is wrong.

Comment 4

[Sander]

FWIW, webkit seems to have since changed its behaviour, and is now doing the same as Gecko. (Since at least Chromium 14.)

Comment 5

[philippe (part-time)]

(In reply to Sander from comment #4)
> FWIW, webkit seems to have since changed its behaviour, and is now doing the
> same as Gecko. (Since at least Chromium 14.)

Indeed, Safari 5.1.3 (534.53.10) and WebKit latest nightly (r107048) running on OS X 10.7.3 show the same behaviour as Gecko.