
Help for PNG image, IE6 and .NET
Hi
I'm trying to use PIE to solve my PNG transparency problems in IE6 (along with adding rounded coreners, gradients, etc.).
This is a snippet of CSS that I use in my core.css:
Code:
#divPageOuterContainer { background: transparent url(/App_Themes/Core/Images/bodyBackgroundOverlay.png) no-repeat top center; height: 100%; }
and I use conditional comments to include a specific override css file for IE6 namely IE6.css. Here is the override for the above line:
Code:
#divPageOuterContainer { -pie-background: transparent url(/App_Themes/Core/Images/bodyBackgroundOverlay.png) no-repeat top center; behavior: url(/Public/Scripts/PIE.htc); }
I'm using ASP.NET and the URL - /Public/Scripts/PIE.htc - basically means it starts at the Public folder at the root of the site (notice the '/' at the beginning of the URL). I'm running IIS and it is automatically serving the .htc file as the correct MIME type.
Now on my homepage, which has a URL of
https://localhost/Core/Public/SignIn/sgnDefault.aspx, this works fine, but whenever I browse to a page at a different location i.e.
https://localhost/Core/Private/Pages/advHome.aspx it stops working. Looking at the DOM Explorer in IE6 it appears that the <css3-container> that PIE usually adds is not present on the other pages.
I'm wondering if this is a problem with the URLs?
Another thought is that the other pages are under the /Private/ folder (i.e. once someone has been logged in and authenticated) and I wondered if the security settings within .NET might be stopping using the .htc files.
Has anyone else had this problem?
Thanks in advance
Sniffer