[SOLVED] border-radius

hey All,

I am trying to create divs that have round corners but by only using css, for FF i have found:

I tried this for IE:

But this doesn't seem to work; any help would be most appreciated, especially if for any other browsers as well.


Regards

Wayne

Unfortunately you're going to have to wait until CSS3 is adopted by browsers and majority of users will see the results.

The only broswer that supports the border-radius property of css3 (so far) is Safari (khtml based browsers). As far as I've seen, and fairly certain this is still this case, there is no way to do this in IE without the use of images for your corners...

moz-border-radius works but doesn't help any other browser and means your css is littered with broswer-specific properties

Sorry to break the bad news

Thanks for the info.

I created round corners for the newsletter. Just use images: http://www.creativecoding.webforumz.com/.

__________________
Thanks
Marc
Staff Manager - Want to be a Moderator? PM me.

you can have a look through these threads, as we have covered this before:
http://www.webforumz.com/css-forum/6...xes-in-css.htm
http://www.webforumz.com/css-forum/6...nd-corners.htm

__________________
WelshStew Site Admin
If you think I've helped, click the "Thanks"
xtreme wales - extreme clothing | extreme sports shop | cheap sunglasses
WebForumz - facebook | LinkedIn

Yea I know that you can use images to produce the outcome but I wanted to do it with just css espec as it works with FF

...but it doesn't work in IE, which still has about 80% market share.

Besides, images give you more options.

CSS is not currently capable of doing it without the use of images. CSS3 will allow all that, though. Anyone know when it is released?

"Released"? It's not a movie or a game.

CSS 3 is a working draft; CSS 2 is a recommendation; CSS 2.1 is a candidate recommendation.

You can validate against the CSS 3 spec already. I do, because I use " :last-child " for some minor formatting enhancements.

Who knows when it will become a recommendation? And after that, who knows when it will be well supported by browsers? Even CSS 2 support is buggy.

Although the most recent de jure standard is CSS 2, the de facto standard is CSS 2.1.

Feel free to use features from CSS 3, but be sensitive to its very patchy support among browsers. Don't rely on it.

__________________

By "released" I meant "when will it become the standard (instead of CSS2)"...

And what does it mean to "become the standard"?

CSS 1 is a standard. CSS 2 is the most recent standard (well, recommendation), but CSS 2.1 is what most people use.

In reality, what matters most is browser support. If browser support lags too severely, then CSS 3 will not be adopted until well after its "release". If browser support comes first, then CSS 3 will be adopted before its "release".

I'm already using CSS 3, albeit for some very minor formatting enhancement. My stylesheet does not validate as CSS 2.1; but I don't care.

Bad English again! Can't word it right, but you got it...

Perhaps the right question is: "when will browser support for CSS 3 become good enough?"

That's hard to say. Browsers such as Safari support quite a lot of CSS 3 (such as multiple backgrounds). You can see demos at CSS 3 info.

Unfortunately, IE6 is still the dominant browser. Until that changes, using CSS 3 will be limited to minor enhancements. If you do anything too dramatic with it, IE will suffer. We also have to hope that IE7 will be updated more efficiently than IE6 was.