Page 1 of 1

Rounded

Posted: Wed May 11, 2011 1:29 pm
by emma
Hi guys

I want to make a div with rounded cornesrs(border-radius:9px)...and the div is finish...but rounded corners are not compatible with IE

Please somebody help me. Thanks

Re: Rounded

Posted: Wed May 11, 2011 1:34 pm
by ta2shop
i think this mite help:
border-radius: 3px; 
-ms-border-radius: 3px; 
-moz-border-radius:3px; x
-webkit-border-radius: 3px; 
-khtml-border-radius: 3px;
;)

Re: Rounded

Posted: Wed May 11, 2011 1:35 pm
by Tino
You'll need to use image backgrounds for the corners to make it work in IE.

Re: Rounded

Posted: Wed May 11, 2011 1:50 pm
by jacek
I don't think you need the khtml prefix anymore ;)

Re: Rounded

Posted: Wed May 11, 2011 7:42 pm
by emma
it must be a solution without image just with css

Re: Rounded

Posted: Wed May 11, 2011 7:45 pm
by EcazS
emma wrote:it must be a solution without image just with css
Possibly Javascript, not sure. But there is no other way for older IE

Re: Rounded

Posted: Wed May 11, 2011 7:52 pm
by jacek
EcazS wrote:Possibly Javascript
I used this once... works when all corners have the same rounded-ness

http://code.google.com/p/curved-corner/

Re: Rounded

Posted: Thu May 12, 2011 6:20 pm
by emma
jacek wrote: I used this once... works when all corners have the same rounded-ness

http://code.google.com/p/curved-corner/
Where i have to href these file? :)

Re: Rounded

Posted: Thu May 12, 2011 6:31 pm
by jacek
what ?

there are instructions on that link ;)

Re: Rounded

Posted: Sat May 14, 2011 1:12 pm
by libeco
Jacek is not going to like this: http://jquery.malsup.com/corner/

Re: Rounded

Posted: Sat May 14, 2011 2:10 pm
by jacek
libeco wrote:Jacek is not going to like this: http://jquery.malsup.com/corner/
mainly because its a javascript solution to a styling problem !

Re: Rounded

Posted: Sat May 14, 2011 2:15 pm
by libeco
Not even because it contains the word jQuery? ;)

Re: Rounded

Posted: Tue May 17, 2011 7:52 pm
by unemployment
jacek wrote:
EcazS wrote:Possibly Javascript
I used this once... works when all corners have the same rounded-ness

http://code.google.com/p/curved-corner/
This is actually bugged a bit as I have tried this in the past. Sometimes it throws the css of by 1px. Just FYI

Re: Rounded

Posted: Wed May 25, 2011 12:08 am
by Silkenthread
emma wrote:Hi guys

I want to make a div with rounded cornesrs(border-radius:9px)...and the div is finish...but rounded corners are not compatible with IE

Please somebody help me. Thanks
If you check the sorce code for this it may help I have tried it but it does not show rounded corners when I re-create it, but that may be because it need to be on a server to display.
anyway hope it helps.

http://www.bestinclass.com/blog/samples ... ample.html