CSS Rounded corners

[Bakedgoods]

Have any of you created rounded corners entirely from CSS?

There's a few bits of code and guides but I can't seem to get them working.

(I don't want to use images)

 

[Sic]

as far as I'm aware it's not possible to do it without javascript. There's a CSS 3 border-radius attribute, but won't work in most browsers (apart from Opera, Safari, IE8 and Firefox 3 \o/). Only options are to use images or javascript, neither are ideal. I think there's -moz-border-radius which will work in current Firefoxes

 

[Bakedgoods]

http://www.spiffycorners.com/index.php?sc=spiffy&bg=444444&fg=666666&sz=5px

?

I'm just having issues getting it working properly with my divs. It just goes right across the screeeen. I messed about with it using no other CSS and just one main div and it seemed to work.

I'll keep playing

 

[Sic]

oh my god, that is vile. You wouldn't catch me sticking empty tags all over the place like that for something purely aesthetic. The best way to do it is javascript - less intrusive on your markup. Yeah, so some people disable javascript - they've got to expect things to look different.

 

[adam83]

http://www.html.it/articoli/nifty/nifty.zip

My suggestion.

 

[GingerNinja1989]

http://wigflip.com/cornershop/

Give this one a try - worked a treat for me

 

[Dj_Jestar]

javascript, but kicks the pants off of any other solution..
http://www.curvycorners.net/

 

[Bakedgoods]

I tried the Curvycorners but I just couldn't get them working for more than one div at a time :\

It also seems to make my divs go really weird. My content div now goes right across the screen and I have to use a horizontal scroll bar?

 

[Bakedgoods]

Ignore that guys, I had removed a width line from my CSS without realising.

Curvycorners has worked perfectly, pretty quick and painless solution to be honest. Makes my layout look a lot easier to the eye and i've not used a single image (well, except in the header)

Thanks!