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.
The attachment is missing and a testcase (attached or URL)
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
Can you please attach a small html testcase that shows the issue ?
Component: Untriaged → Layout
Product: Firefox → Core
Sorry, I will try & get a simple test case for you soon. Have been rather swamped working on projects.
Ok, I tried to come up with a simple test case but I was unable to reproduce the problem.
Brett, can you attach a non-simple test case? But HTML, not video of HTML....
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.
OK, thanks. Just comment here at that point, please.
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!
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.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 451791
You need to log in before you can comment on or make changes to this bug.