Click here to Skip to main content
15,912,069 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have a border which not displayed only in IE.........

this is my css

.redborderhome{border: 1px solid #ED1F24;border-radius: 5px;position: relative;height: 130px;width: 190px;padding-top: 10px;behavior: url("PIE/PIE.htc");}


url("PIE/PIE.htc") is a javascript coding to set curve in corner of the border...

When I remove url("PIE/PIE.htc") the border is visible but like square...I need the curve border...


Can anyone help me....
Posted
Comments
ZurdoDev 17-Apr-12 10:02am    
Use IE's developer tools to see what is happening.
Sergey Alexandrovich Kryukov 17-Apr-12 11:37am    
I would be interested to know what tools do you mean.
However, I answered this particular question -- the effect is supported by IE in a certain way (some versions) -- please see.
--SA
[no name] 17-Apr-12 10:10am    
Which version in IE are you using?
Sergey Alexandrovich Kryukov 17-Apr-12 11:36am    
Exactly -- this is the key. It works with some version the way I explained in my answer -- please see.
--SA
[no name] 17-Apr-12 10:11am    
Check ie9 or ie10 browser. it will work. because you are using css3

1 solution

IE also supports rounded borders, with some limitations. I don't know exactly which versions — check it up by yourself.
To make sure this is true, it's enough to see this rounded corner generator with different browsers. It will also generate appropriate cross-platform CSS for you. Please see:
http://cssround.com/[^].

The idea is to define the properties in the way required by different layout engines, all at once. Each engine will ignore the syntax variant it does not implement and use its own. Try it — it works.

You can find a lot of articles explaining the background:
http://bit.ly/HPm624[^].

—SA
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900