Out of options trying to get PIE working
After many hours I've resorted to asking the community - I simply cannot get PIE to work.
My website is
http://www.villa-arkitectura.com. This is a temporary redirect domain to
http://www.va.oscardaws.co.uk. I have box-shadow and border-radius properties that I want PIE to render for me in IE. This is the div I want to render:
Code:
<div id="main" class="boxShadow">
And this is the attached style:
Code:
.boxShadow {
behaviour: url(PIE.htc);
box-shadow: #000 0px 0px 20px;
-moz-box-shadow: #000 0px 0px 20px;
-webkit-box-shadow: #000 0px 0px 20px;
float:right;
width: 780px;
background-color: #FFF;
position: relative;
}
The root folder for that domain is
actually (because the site is hosted under a sub-domain) /public_html/va and PIE.htc is located at:
Code:
/public_html/va/PIE.htc
but I haven't put this in the url() path because index.htm and pie.htc are in the same directory (that is /public_html/va/PIE.htc). I have also got a .htaccess file in the same directory as index.htm and pie.htc, which contains:
Code:
AddType text/x-component .htc
When I view the webpage on ie7 or 8 the box-shadow refuses to show, and i've used
pingdom to see whats loading - pie doesn't seem to be loading at all!
I've tried using absolute paths for the url to no avail, hopefully someone can shed some light on the issue. Thanks in advance.
Ozzy
Forums
