Hi guys.

 

I want to round one corner of a DIV, I wrote this code:

 

-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;

 

but I saw different results in IE and chrome,firefox,opera. in IE the normal corner is on top left while in chrome,firefox,opera the normal corner is on top right!

 

for illustration please look the following images.

 

IE :

 

Firefox, Chrome, Opera :

 

thanks

Edited June 5, 201313 yr by stallman3738

May be an ugly fix but you could have something like

 

    -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-border-top-right-radius: 0px;
   -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;

 

if you want it in the top or bottom just change the top to what you want same with left and right

Edited June 5, 201313 yr by D4Y0

border-radius is only supported by IE9+ as it's a CSS3 selector. See here for more information about its Browser support: http://wdf.co/2t

May be an ugly fix but you could have something like

 

    -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-border-top-right-radius: 0px;
   -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;

 

if you want it in the top or bottom just change the top to what you want same with left and right

 

No it didn't work.

border-radius is only supported by IE9+ as it's a CSS3 selector. See here for more information about its Browser support: http://wdf.co/2t

 

thank you

Lyndsey

it was useful

PIE will help you.