CSS3 PIE Forums
http://css3pie.com/forum/

One tag disassembles PIE
http://css3pie.com/forum/viewtopic.php?f=3&t=150
Page 1 of 1

Author:  bekok [ Tue Aug 31, 2010 3:31 am ]
Post subject:  One tag disassembles PIE

Hi,

First of all I would like to say how great I think PIE is and works! It really helps me getting to use CSS3 for my websites despite IE's slow progress :)

However, I'm currently working on a website and for some strange reason PIE seems to stop working when I have a certain tag in place. Here you can find the example with the correct mark-up code. I have used the PIE example square as a reference. As you can see in IE all the elements that should use PIE get blank.
Here you can find the same example with PIE working. The only thing I did to get it fixed was removing the </aside> tag on line 407. However, the problem is not the </aside> tag, because if I replace the <aside> </aside> with <div id="aside"> </div> the problem still occurs. Moreover, the mark-up isn't correct anymore but PIE does suddenly work.
So for some reason the correct mark-up is causing a problem, but I can't seem to figure out what it is...

Author:  jason [ Tue Aug 31, 2010 10:35 am ]
Post subject:  Re: One tag disassembles PIE

Looks like when the markup is correct you run into the z-index issue (top of the Known Issues documentation page) -- PIE's rendering element slips behind the solid white background of the #main element. When your markup is incorrect, the #main element doesn't extend far enough down to cover up the PIE element.

Solution is to either give the PIE element position:relative, or give the #main element position:relative and a z-index.

Author:  bekok [ Wed Sep 01, 2010 8:30 am ]
Post subject:  Re: One tag disassembles PIE

jason wrote:
Looks like when the markup is correct you run into the z-index issue (top of the Known Issues documentation page) -- PIE's rendering element slips behind the solid white background of the #main element. When your markup is incorrect, the #main element doesn't extend far enough down to cover up the PIE element.

Solution is to either give the PIE element position:relative, or give the #main element position:relative and a z-index.


Thanks, it worked!

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/