350474 - Odd floating bug, only occurs in Gecko.

Status: RESOLVED DUPLICATE of bug 290146

(Core :: Layout: Floats, defect)

Description

[Markus Lindström]

I've stumbled upon an issue when designing a Web site using floats. I'd have a hard time explaining things, so I'll just get to the URIs:

http://www.friskissvettis.be/indexp.php
http://www.friskissvettis.be/indexp.php?nodate=true

The only difference between those two pages is the removal of the small DIV showing the date above the main contents. Now, I know IE6 and even 7 are nothing to go by, but this weirdness doesn't occur in Opera 9 nor Safari (checked through BrowsrCamp), either.

Anyway, I'm really stumped, and I can't tell whether I've hit a Gecko rendering bug or whether all other engines are violating the standards.

It should be noted that the bug can only be reproduced if the DIV is removed altogether; leaving an empty DIV doesn't break the page.

I've reproduced the bug on Firefox 1.5 and 2.0b2.

Comment 1

[:Gavin Sharp [email: [e-mail]]]

Could you attach a minimized testcase to the bug?

Comment 2

[Markus Lindström]

Thanks for your attention, Gavin. I'll work on building a testcase right away, give me a few hours. ;-)

Meanwhile, I've checked with both Minefield and dbaron's reflow branch; both suffered from the same issue, so I guess this targets the trunk.

Comment 3

[Markus Lindström]

Attachment: Preliminary testcase

I've managed to boil it down to this. I'm not sure whether it's any good, though; the issue seems quite hazy.

Comment 4

[Markus Lindström]

Good news; I've managed to get rid of the discreptancy by setting the 'clear' property on what would be the blue DIV in the testcase. So I guess it was bad programming on my part after all... Still, a question remains: does the fact that this occurs show a Gecko bug, or are the other engines violating the standard?

Comment 5

[philippe (part-time)]

Attachment: minimal test case

This happens when the non floated element establishes a new block formatting context CSS 2.1, 9.4.1.
The element is to wide to fit next to the floated block, and should drop below the floated block, according to CSS 2.1, 9.5.

Comment 6

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 290146 ***