Re: [css-d] z-index doesn't work with relative items in FF?
On 10 Nov 2005, at 4:07 pm, Graham Reeds wrote: I just wish I could figure out if a) FF is sticking to the letter of the W3C description (which is illogical) or b) FF is actually incorrect and IE is correct for once. Bet for the usual thing: IE is wrong (on z-index). Opera, Safari, Firefox, iCab,... all handle this the same way, and do it correctly. For a well illustrated guide to positioning and z-index, try this: http://www.aplus.co.yu/css/z-pos/ Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index doesn't work with relative items in FF?
I've been looking at position and z-index in the specs. And I have a theory. However it doesn't seem right, but the facts seem to fit. I think that IE is painting the scene back to front like the painters algorithm, but FF paints the scene back to front by element branch. So the drop down is considered lower (it is drawn first) even though it has a higher z-index and thus get's overwritten by elements below it. I just wish I could figure out if a) FF is sticking to the letter of the W3C description (which is illogical) or b) FF is actually incorrect and IE is correct for once. It's like saying the car on the road which is about a mile away is closer than the pavement because the car is a child of the road where the pavement is a seperate element (poor analogy but the best I could come up with). The whole point of z-index is to determine the draw order of elements and to have the elements not actually relate to each other is illogical. G. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index doesn't work with relative items in FF?
hi I just wish I could figure out if a) FF is sticking to the letter of the W3C description (which is illogical) or b) FF is actually incorrect and IE is correct for once. I haven't looked at the example, but I would be willing to bet a fairly substantial sum on the former :) The important and non-obvious thing is the concept of z index *context*. see http://developer.mozilla.org/en/docs/Understanding_CSS_z-index:The_stack ing_context for a clearer explanation than I can give hth Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] z-index doesn't work with relative items in FF?
Page: http://homepage.ntlworld.com/graham.reeds/space/ CSS: http://homepage.ntlworld.com/graham.reeds/space/styles/space_styles.css Platform: Windows Problem: The dropdown menus (#nav-...) appeared under the title graphic (#content-title). So I placed a z-index: 10 in the #nav which fixed the problem in IE. However in FF the dropdown menus still appear behind the title graphic. I have tried various combinations of positive and negative z-indices but nothing seems to work. However if you remove the postion: relative rule from the title graphic FF displays the menus correctly which leads me to believe that z-index not work on relative items in FF? Or is it that the menus positioning rules are conflicting with the title graphics? Any ideas for solutions? G. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/