Philippe Wittenbergh wrote: > On Jul 25, 2007, at 8:05 PM, Tony Haddon wrote: > > >> My problem lies in the margin I've applied to the h1 element here. >> It ought >> to offset the h1 block from the containing #inner element. In IE6 >> it works >> as planned, but Firefox appears to apply the margin to the element >> two steps >> up the tree e.g. the #outer element. >> > > The behaviour in Firefox, and Opera, Safari, iCab, Konqueror and all > other modern browsers is correct and expected. It is called escaping > margins sometimes. > IE is wrong because your parent container (#outer) has a width > applied, which trigger the dreaded 'hasLayout' property. >
Tony, For more information about the concept Philippe is talking about, see this article: http://www.complexspiral.com/publications/uncollapsing-margins/ Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
