In the PIE-affected page, you can see the entire text area left border has been pushed right to clear the left border of the menu DIV. It's supposed to underlap it as it does on the non-PIE page, and indeed, it does this on Chrome, Firefox, and non-PIE IE.

Suggestions? Or is this something in PIE that needs to be fixed?

2. PIE Causes some background colors and borders to be bleached out. If you look at http://www.natcheztracevillage.com/resbiz3.html, scroll down to the first inset box, and compare it to the inset box just below it (which does NOT have PIE applied), and you can see the differences. The ONLY difference in the CSS between these two inset boxes is that the bleached-out box has PIE applied.

Suggestions? Or is this something in PIE that needs to be fixed?

Oh, by the way, even curiouser, if I apply PIE to both DIVS in bug 1 and bug2 above, then the bug2 anomaly goes away! Go back to http://www.natcheztracevillage.com/resbiz2.html and look at the first inset box. You'll see that the PIE effects are working there, with a dropshadow on that box, however, there's a curious additional bit of background color OUTSIDE the border on that box that shouldn't be there.

Curiouser and curiouser.

Thanks for any help you can render.

David in Mississippi

Wed Nov 17, 2010 8:25 am

jason

Joined: Wed Jul 14, 2010 11:46 amPosts: 1452

Re: 2 BUGS: Overlap and Bleachout

Both these issues are manifestations of the things described on the Known Issues documentation page.

Bug #1 is due to the fact that PIE has to apply hasLayout to the element. That triggers a rendering mode in IE which is buggy about certain things, and the shifting of the box to avoid the floated menu is one of them. You can see this by adding zoom:1 to the element in the page without PIE applied.

Bug #2 is due to the z-index issue. Because your inset box element does not have position:relative, the PIE rendering element gets z-index:-1 which makes it disappear behind the background of the parent box. (When you apply PIE to the outer box, that actually removes the outer box's real background which allows the inner box's rendering to show through, which is why you see it start "working".)

Who is online

Users browsing this forum: No registered users and 4 guests

You cannot post new topics in this forumYou cannot reply to topics in this forumYou cannot edit your posts in this forumYou cannot delete your posts in this forumYou cannot post attachments in this forum