Rounded

Anything questions related to styling should go in here.
Post Reply
User avatar
emma
Posts: 12
Joined: Sat May 07, 2011 5:14 pm

Rounded

Post 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
User avatar
ta2shop
Posts: 179
Joined: Sat May 07, 2011 9:07 am
Location: madrid, Spain
Contact:

Re: Rounded

Post 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;
;)
Image
Tino
Posts: 360
Joined: Thu May 05, 2011 8:55 pm
Location: The Netherlands

Re: Rounded

Post by Tino »

You'll need to use image backgrounds for the corners to make it work in IE.
Please check out my CodeCanyon items.
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Rounded

Post by jacek »

I don't think you need the khtml prefix anymore ;)
Image
User avatar
emma
Posts: 12
Joined: Sat May 07, 2011 5:14 pm

Re: Rounded

Post by emma »

it must be a solution without image just with css
User avatar
EcazS
Posts: 789
Joined: Fri May 06, 2011 5:29 pm

Re: Rounded

Post 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
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Rounded

Post 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/
Image
User avatar
emma
Posts: 12
Joined: Sat May 07, 2011 5:14 pm

Re: Rounded

Post 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? :)
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Rounded

Post by jacek »

what ?

there are instructions on that link ;)
Image
libeco
Posts: 104
Joined: Sat May 07, 2011 9:56 am

Re: Rounded

Post by libeco »

Jacek is not going to like this: http://jquery.malsup.com/corner/
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Rounded

Post 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 !
Image
libeco
Posts: 104
Joined: Sat May 07, 2011 9:56 am

Re: Rounded

Post by libeco »

Not even because it contains the word jQuery? ;)
unemployment
Posts: 165
Joined: Fri May 06, 2011 5:02 pm

Re: Rounded

Post 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
Silkenthread
Posts: 6
Joined: Tue May 24, 2011 5:33 pm

Re: Rounded

Post 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
Post Reply