Question

I am using cakephp and want to do css border-radius for rounded corners in certain sections. It is working well for all other browser except IE. I am now referring the link http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser for rounded corner support in IE. But the problem is how and where to exactly place the border-radius.htc. The pages are loaded from server dynamically and from different folders. So how will i be able to define the relative path as referred to in the given link.

Answer 1

As I said in my comment, I recommend using CSS3Pie instead of border-radius.htc.

But they both work the same way, so the same question applies to them both.

The answer is to use an absolute URL for the .htc file, rather than a relative one.

This way, as long as you know where your htc file is, you can always refer to it by the same path, and it will always work.

Using relative URLs with htc files does seem to be a recipe for confusion (there’s another question here on exactly the same topic right now), but switch to an absolute path and it should just work.

So instead of using

behavior:url(../../css/pie.htc);

…just use

behavior:url(/css/pie.htc);

[EDIT]

If that doesn’t work, there are still a number of other things which might cause a HTC file not to work.

The most common one is the content type issue. IE is very fussy with this: a HTC file must be served as text/x-component. If it isn’t, then IE will download it, but then completely ignore it.

If this is the case, you can correct it by adding the content type to your server config. The CSS3Pie website has instructions on how to do this. (and also see the same page for other known issues with CSS3Pie, most of which will also apply to border-radius.htc)