802178 - CSS margin incorrectly calculated

Status: RESOLVED INVALID

(Core :: Layout: Block and Inline, defect)

Description

[nebupookins]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.79 Safari/537.4

Steps to reproduce:

Demo available at http://jsfiddle.net/fZnHV/

If you uncomment the CSS line about the border, this seems to make the issue go away.

This issue might also be related to 451791


Actual results:

The green box has a margin between it and the top of the page


Expected results:

We expect the green box to be positioned at the top of the page.

Comment 1

[nebupookins]

I just noticed that you've captured the user agent of the browser used to post the bug.

For what it's worth, the user agent of the browser that exhibits the bug is:

Mozilla/5.0 (X11; Linux i686; rv:15.0) Gecko/20100101 Firefox/15.0.1

Comment 2

[[:Aleksej]]

Attachment: testcase showing the bug

Comment 3

[[:Aleksej]]

Attachment: testcase with “border-top: solid black 1px;”, showing no bug

Comment 4

[Boris Zbarsky [:bzbarsky]]

Sounds like interaction of margin-collapsing and clearance, given the border dependency.

It's not actually obvious to me from examining the testcase what the correct rendering is, per spec.  But given that WebKit and Presto do the same thing we do, I suspect the rendering you see is correct.

Comment 5

[Farheen]

Can I contribute to this bug?

Comment 6

[Emilio Cobos Álvarez [:emilio]]

Every browser looks the same here, so yeah, I think bz is right and this is invalid. The border-top makes the #navigation margin not participate in margin-collapsing.