Rounded Corners in CSS
I think this is the first CSS Rounded Corners example I’ve seen working in all browsers (bar one). Perhaps I haven’t looked very hard. Pointers to anymore?
I think this is the first CSS Rounded Corners example I’ve seen working in all browsers (bar one). Perhaps I haven’t looked very hard. Pointers to anymore?
March 28th, 2003 at 17:54
http://diveintomark.org/archives/2002/08/05/rounded_corners.html:
“But I count three CSS hacks, two levels of nested divs, one markup hack, and a partridge in a pear tree to get it all working. Apparently we’ve traded a big stinking pile of table tricks for a big stinking pile of CSS tricks. It’s not more semantically pure, it’s not more accessible, it’s not easier to maintain. Why is this progress?”
March 31st, 2003 at 14:20
CSS3 provides us with a proper solution to rounded corners, already supported by Mozilla (and maybe others). So as far as I’m concerned any table- or css-hacks are just a stop gap (albeit a lengthy one).
See the CSS3 in action here: http://www.clagnut.com/blog/?id=2
April 8th, 2003 at 23:04
Personally, I can write that markup, but I couldn’t write any of the table tricks. I’ve long been in agreement of not using css hacks, check out my css file (actually don’t, it is now a bit of a mess).
My worry is why I only found this last week, when it clearly went round last August
Clearly, I’ve become “Metafilter”:http://www.metafilter.com/mefi/24883#467533 
April 8th, 2003 at 23:06
I’ve not looked at CSS3 before. But I’ve seen other rounded corner examples that only work in Moz, yet rely on certain hacks to work. Is the way to go CSS3, and just wait for the browsers to catch up?
April 9th, 2003 at 0:20
AFAIK, not even Mozilla supports CSS3 rounded corners. It has a Mozilla-only implementation that is supposed to be for XUL only; the names of the attributes are different to the CSS3 spec. In the end, you’re stuck with what Stuart did…using the IE6 and Mozilla proprietry attributes and then waiting for CSS3 to become a recommendation.