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)
Core
Layout: Floats
Tracking
()
RESOLVED
DUPLICATE
of bug 451791
mozilla42
People
(Reporter: ws.bugzilla, Unassigned)
References
Details
Attachments
(2 files)
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.
Comment 1•11 years ago
|
||
Might be related to bug 451791, but not quite identical...
See Also: → 451791
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.
Description
•