835162 - Margin from incorrect class applied

Status: RESOLVED DUPLICATE of bug 451791

(Core :: Layout, defect)

Description

[Brett]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:18.0) Gecko/20100101 Firefox/18.0
Build ID: 20130116073211

Steps to reproduce:

Set a margin-top to a child element.


Actual results:

The margin gets applied to the child element (above the "featured stores" text) as well as the parent (main content container).


Expected results:

It should only be applied to the child element. I have attached a video that displays this in action & as you can see even Firebug agrees with me that there should be no margin up there. Additionally, margin doesn't get applied in IE or Chrome.

Comment 1

[Matthias Versen [:Matti]]

The attachment is missing and a testcase (attached or URL)

Comment 2

[Brett]

Sorry, the attachment failed because of the large size & I didn't have time to upload it elsewhere.

Here is the video: http://www.condorstudios.com/stuff/temp/ff-margin.avi

Comment 3

[Matthias Versen [:Matti]]

Can you please attach a small html testcase that shows the issue ?

Comment 4

[[:Aleksej]]

Attachment: The screencast, converted into WebM

Comment 5

[Brett]

Sorry, I will try & get a simple test case for you soon. Have been rather swamped working on projects.

Comment 6

[Brett]

Ok, I tried to come up with a simple test case but I was unable to reproduce the problem.

Comment 7

[Boris Zbarsky [:bzbarsky]]

Brett, can you attach a non-simple test case?  But HTML, not video of HTML....

Comment 8

[Brett]

Hi Boris.... the site that this is from is still in development & isn't live right now. I fixed the problem by using padding instead, but when we launch the site (month or so) I will setup a page for you to check out.

Comment 9

[Boris Zbarsky [:bzbarsky]]

OK, thanks. Just comment here at that point, please.

Comment 10

[Brett]

Sorry I haven't gotten back on this, but I just noticed it again.

http://gimko dot com dot au/temp/

Notice the large margin at the top? That shouldn't be there and isn't shown when you view the page in Chrome.

If you right click the page and inspect the element - find the div with the ID of "main" and then disable the margin and you will notice the margin at the top of the page now vanishes.

Please let me know when you are done viewing the page so I can take it down.

Thanks!

Comment 11

[Boris Zbarsky [:bzbarsky]]

Brett, thank you for that testcase!  It's showing bug 451791, looks like: the margin of <div id="main"> is collapsing through the <div class="contentClear"> that's inside the header.