CSS Rounded Corners

DJMK4

DJMK4

DJMK4

Soldato
Joined
1 Dec 2004
Posts
23,052
Location
S.Wales
Hi There,

Im looking to try out rounded corners on my website to see if it gives it a more modern look. Whats the best and easiest way to do this keeping in mind cross browser support?

Iv heard CSS has a rounded corner function to use, I have also heard about putting a circle in each corner of the div and repeating? would rather use the css element if possible as it would be easier.

Thanks all

:)
 
I would probably just enable it for those browsers that support it - anyone using an un-supported browser just won't see it - and therefore won't know the corners should be rounded.

Probably the easiest method, and it doesn't have to look identical across all browsers, we're talking about online and not print! ;)
 
Once again though, CSS3 rounded corners do not work in any version of IE. That's almost 60% of all users who won't see your design as you intended it which to me, is too many.

I would use images myself however, if you would like a js solution, jquerycurvycorners is nice and even does AA around the edges.
 
They way I applied rounded corners was using: http://www.curvycorners.net/

Install is pretty easy:

- Upload the curvycorners.js file.

- Add the following to the header:

Code: 
<script type="text/JavaScript" src="curvycorners.js"></script>

- Add the following to the style section of the div you want rounded corners on:

Code: 
-moz-border-radius:2ex; -webkit-border-radius:2ex;


Works so well :)
 
That Guy said:
They way I applied rounded corners was using: http://www.curvycorners.net/

Install is pretty easy:

- Upload the curvycorners.js file.

- Add the following to the header:

Code: 
<script type="text/JavaScript" src="curvycorners.js"></script>

- Add the following to the style section of the div you want rounded corners on:

Code: 
-moz-border-radius:2ex; -webkit-border-radius:2ex;


Works so well :)
Click to expand...

Thanks dude :)
 
Tripnologist said:
Once again though, CSS3 rounded corners do not work in any version of IE.
Click to expand...

Hardly surprising given that CSS3 is still a draft standard. I.e. not finished.

Microsoft has no interest in once again being ridiculed for implementing unfinished or deprecated W3C standards like they were during the Browser War era.
 
Hmm, hope they change their ways with all this non-conforming, this is why my css is full of IE hacks and fixes to get it working with IE, even with CSS1 and CSS2
 
NathanE said:
Microsoft has no interest in once again being ridiculed for implementing unfinished or deprecated W3C standards like they were during the Browser War era.
Click to expand...

Better tell that to the team working on IE9 right now as it seemingly has decent CSS3 support. (css3 selectors, border-radius, etc.)

DJMK4 said:
my css is full of IE hacks and fixes to get it working with IE, even with CSS1 and CSS2
Click to expand...

You shouldn't need a lot of hacks and even then, only a few for IE6 tbh.
 
You must log in or register to reply here.
Back
Top Bottom