Solved

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

Posted on 2013-06-03
6
816 Views
Last Modified: 2013-06-03
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
0
Comment
Question by:AccurateDesign
  • 3
  • 2
6 Comments
 
LVL 51

Assisted Solution

by:Julian Hansen
Julian Hansen earned 250 total points
Comment Utility
My recommendation - don't support IE8 - it is a waste of time and the more developers that actively take a stand not to support non-standards compliant browsers the sooner the problems created by IE and Microsoft will go away.

IE8 is now two versions behind - simply don't support it.
0
 

Author Comment

by:AccurateDesign
Comment Utility
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
0
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 250 total points
Comment Utility
So - it has 5% of the total browser market.

The reason MS keeps bringing out this BS is because developers bend over backwards to support it.

hen we should support it.

Rubbish!

Exactly the opposite - a company brings out crap software - you do not support it and force them to fix their code.

IE8 is the new IE6 - it must go.

IE's total exposure according to W3C is only 12% which is barely enough to make me even test my site in any version of IE. 5.3% makes no sense at all. Those users should easily be able to upgrade or move to Chrome / FF.

That's my rant - support it if you want to but MS has cost the development community too many hours on its non-compliant garbage - time for some payback.
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 

Author Comment

by:AccurateDesign
Comment Utility
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.
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 250 total points
Comment Utility
Why do you need round corners for IE8? The boxes render just fine without them.  IE8 users are used to seeing the retro rendering anyway.  Plus if memory serves me PIE depends on active-x, so users who are foolish enough to allow active-x are being exposed to security issues so they can see round corners on your page.

In the end the users will neither care or notice that IE8 does not have round corners, and it adds zero value.

Cd&
0
 

Author Comment

by:AccurateDesign
Comment Utility
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 :)
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses how to create an extensible mechanism for linked drop downs.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now