Margin inheritance bug

Atom RSS

This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.

Main navigation:




Search reports by browser:

When using a margin on a parent container with a child container inside and in there form elements then the margin of the parent container gets inherited to the form elements, and it can't be removed by a margin 0.

The affected form elements are input types, checkboxes, radiobuttons and textareas

The solution is to put an OVERFLOW: HIDDEN on the child container.

Test page Workaround is included
Reported by: Paul van Steenoven.

Explorer 5-6 Windows | Reported on 12 September 2005.

Comments

(Add your own)

Posted by Cristiano Rastelli on 22 September 2005

1

The inheritance is not only on parent container, but on the sum of the margins of all parents. When the inheritance is applied on the left the workaround does'nt behave as expected. Some variations of this bug can be found here:
http://www.didoo.net/permalinks/IE_margin-right_inherit_bug_revisited.html

Posted by Paul van Steenoven on 23 September 2005

2

Yikes, this bug has a longer tail then i thought. Thanks for notifying this :)

Posted by Cristiano Rastelli on 23 September 2005

3

A workaround I've found is the well known "display: inline" applied to the form elements suffering of this "disease". Better than nothig.

Post a comment

Commenting guidelines:

  1. When quoting specs, articles or your own research, please include a URL of the document.
  2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.

Yes