Elements with negative margins or indents get cropped when parent hasLayout

Negatively margined (or indented) elements get cropped if their parent elements have layout (hasLayout == true).

(ppknote: IE 7 crops the right margin of the first example, but not the left. IE Mac ignores the margin-right: -10px in the first example.)

Test page Workaround is not included
Reported by: Margaux.

Explorer 5-6 Windows, Explorer 7, Explorer Mac | Reported on 2 October 2006.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by BobR on 29 October 2006 | Permalink

It appears IE7 crops the right margin of an element with a negative value even though the page does not include 'hasLayout'

body { margin-left: 150px; margin-right: 150px; }
para { margin-right: -100px; }

2 Posted by BobR on 29 October 2006 | Permalink

Sorry, just been told 'body' has 'hasLayout' by default. (How do you blush in plain text?)