CSS Rounded Corners

What is the best solution for rounded corners?

Page 1 of 1

7 Replies - 1755 Views - Last Post: 08 June 2010 - 04:07 AM

#1 lrk89  Icon User is offline

  • D.I.C Head

Reputation: 3
  • View blog
  • Posts: 104
  • Joined: 20-May 09

CSS Rounded Corners

Posted 06 June 2010 - 05:28 AM

Hi all,

I want to use rounded corners for my site but what is the best solution for making rounded corners? I have had a look online for hours and cant seem to find any recent solutions most are from 04/05 is there not any more recent ideas?

It don't need to be CSS it could be javascript but for usability reasons CSS would be nice. :-)

Thanks
Is This A Good Question/Topic? 0
  • +

Replies To: CSS Rounded Corners

#2 tommyflint  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 34
  • View blog
  • Posts: 679
  • Joined: 24-July 08

Re: CSS Rounded Corners

Posted 06 June 2010 - 09:45 AM

You could use CSS3... it does have limited support at the moment however it depends on if you needto support mutiple browsers here is a link anyhow:

http://www.css3.info...rounded-border/

Tommyflint
Was This Post Helpful? 0
  • +
  • -

#3 Quin  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 459
  • Joined: 16-October 08

Re: CSS Rounded Corners

Posted 06 June 2010 - 11:37 AM

I have a small piece of Javascript that does rounded corners.

Cannot find the files, but here's the site: It's easy to use, honest

Once CSS3 has more support, then move over, but for now, that should suffice.
Was This Post Helpful? 1
  • +
  • -

#4 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 1484
  • View blog
  • Posts: 8,204
  • Joined: 07-September 06

Re: CSS Rounded Corners

Posted 07 June 2010 - 06:10 AM

At the moment IE 9 preview, Opera 10, and Chrome 4 support it natively. If you want to use it in Safari 4 or Firefox 3.6 you will need to use -webkit-border-radius and -moz-border-radius respectively. If you want it to work in IE < 9 you will need to use Javascript or CSS images.

Hopefully that makes sense.
Was This Post Helpful? 0
  • +
  • -

#5 Quin  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 459
  • Joined: 16-October 08

Re: CSS Rounded Corners

Posted 07 June 2010 - 09:23 AM

BetaWar is right. I've just tested it with all the browsers I have, and IE still has a problem.

I'm happy with the square buttons, but for the banner, I'm just going to load a different stylesheet if IE is being used.
Was This Post Helpful? 0
  • +
  • -

#6 lrk89  Icon User is offline

  • D.I.C Head

Reputation: 3
  • View blog
  • Posts: 104
  • Joined: 20-May 09

Re: CSS Rounded Corners

Posted 07 June 2010 - 11:33 AM

Thanks for all the replies the CurvyCorners works great tested it in IE8\Safari & Firefox looks fine. I dread to think what IE 7 makes of it.

one other thing Im having a problem with is how do i change the width of the div with the corners? for example i have. blah blah blah and its in a box with rounded corners but it stretches along the page. I tried changing the padding settings but nothing is working.
Was This Post Helpful? 0
  • +
  • -

#7 lrk89  Icon User is offline

  • D.I.C Head

Reputation: 3
  • View blog
  • Posts: 104
  • Joined: 20-May 09

Re: CSS Rounded Corners

Posted 07 June 2010 - 11:43 AM

Scrap that. Width: ; Changes the "Width" DUH!! lol thanks all for the help.
Was This Post Helpful? 0
  • +
  • -

#8 Quin  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 459
  • Joined: 16-October 08

Re: CSS Rounded Corners

Posted 08 June 2010 - 04:07 AM

I do believe that with the javascript, it looks well in all IEs.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1