[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/.

__________________
Marc
Staff Manager - Webforumz.com

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"
tierney rides tboard - uk site | xtreme wales - extreme clothing
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.

__________________
Jack Franklin - Webforumz Moderator
(x)HTML | CSS | PHP | MySQL | JQuery (Javascript)
Contact: My Blog | Twitter | Delicious
Want Lessons? PM me.
If you think I've helped, please press the 'Thanks' Button.

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.

Yup, that would be it.

There's a decent chance that IE6 will begin to die over the next year or so, as businesses make the switch to Vista.

Or that might not happen; but it's one possible explanation for the slow uptake of IE7.

If this happens, and if MicroShaft continues to develop standards support in IE7, then we could see decent browser support within 1-2 years.

But that's a lot of if's.

That is a lot of if's.

Microsoft develops new stuff all the time. However, the standards they implement have been used by other browsers (such as Mozilla) for years!

In other words, Microsoft is slow and very far behind!

Indeed.

Yet no matter what they do with IE7, it won't help us until we can stop supporting IE6 -- because they will never update IE6.

And that's why web design is so difficult sometimes. We have to code for some f*cke