Closed Bug 1012634 Opened 11 years ago Closed 9 years ago

Bottom margin on a div containing a float adds the same amount of margin at the top

Categories

(Core :: Layout: Floats, defect)

defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 451791
mozilla42

People

(Reporter: ws.bugzilla, Unassigned)

References

Details

Attachments

(2 files)

Attached file Repro6.htm
See the attachment. The red div is floated, with a clearer div after it. These two are contained in a div with a bottom margin set, which in turn is itself contained in another div. Expected: no space between the blue and the red div. Actual: whatever margin is displayed between red and green, is also displayed between blue and red. Adding a border on either of the two divs that don't have a border make the bug disappear. Chrome and IE render this correctly. Encountered in a production site. Verified in nightly.
Might be related to bug 451791, but not quite identical...
See Also: → 451791
Attached file Test
I can confirm. Same issue. Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:36.0) Gecko/20100101 Firefox/36.0 Cannot duplicate behaviour on Chromium: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/40.0.2214.111 Chrome/40.0.2214.111 Safari/537.36
Fixed by bug 451791; should be in tomorrow's nightly.
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → DUPLICATE
Target Milestone: --- → mozilla42
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: