Link to home
Start Free TrialLog in
Avatar of AccurateDesign
AccurateDesign

asked on

Border-radius (PIE.htc), Wordpress and IE8

I don't know what I am doing wrong on this one, but I tried incorporating CSS3PIE in Wordpress and it is not working for some reason. Since there are no rounded corners in IE8.

So I inserted this code in header.php:
<!--[if lte IE 8]>
<style type="text/css" media="screen">
   .slides_container, .slides_container div.slide img { 
          behavior: url('<?php bloginfo( 'template_directory' ); ?>/js/PIE/PIE.php'); 
    }
</style>
<![endif]-->

Open in new window


And this code in .htaccess:
AddType text/x-component .htc

Open in new window


Then this is the code from PIE.php:
<?php
header( 'Content-type: text/x-component' );
header( 'Content-length: '.filesize('PIE.htc') );
include( 'PIE.htc' );include( 'PIE.htc' );
?>

Open in new window


Does anyone knows what I am doing wrong?
Click here to see the dev site.

Thanks,

Paul
SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of AccurateDesign
AccurateDesign

ASKER

According to W3C, IE8 is the most popular version in April 2013. Like many other developers out there, yes I would like to do that, but if it's the most popular version of IE used by users... then we should support it.

http://www.w3schools.com/browsers/browsers_explorer.asp
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
due to the deadline, I had to recreate the corners with images and since its a small website.

But I like your rebellion julianH, I will surely talk to my team about it since like you said it would saves us a lot of time just using the awesome CSS3 features instead of hacks and images everywhere.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
It's more for the client who saw the UI design with rounded corners and looks at it in IE8 and its square corners... Thanks for the tips :)