I want my CSS3-provided rounded corners

May 10, 2008

Every time I have to slave away at a CSS solution to a problem that could be easily solved by CSS3′s multiple backgrounds or border-radius, I want to inflict harm upon myself. This is exasperated by the number of rounded corner designs I seem to be working on today. (Are those currently in, out, or tacky?)

At the moment, the only notable (sorry Konqueror) browser to support both is Webkit (Safari). Firefox supports border-radius, but neither IE or Opera support either. Granted, Opera’s percentage of the browser population doesn’t make its feature set a deal breaker, but it’s simply impossible to put these solutions into play when IE’s massive user-base can’t see them.

*sigh*

I’d be less melancholy about it if Internet Explorer 8 was going to bring at least one of these with it. But no, that would be too nice.

It annoys me that out of the various improvements CSS3 is supposed to bring to the table that these two are so far away from implementation. The amount of presentation-only markup (the great enemy that CSS is meant to fight) that would be eliminated is immense.

That’s alright. I don’t mind putting three to five elements on a page where I should only need one.

I’m going to go get some warm milk and cry myself to sleep.

Tags:

One Response to “I want my CSS3-provided rounded corners”

  1. I feel the same way… we can get at least halfway there, though, and use CSS3 border-radius for the good browsers (Firefox and Safari) and send extra CSS to IE to make it do its clunky old thing. At least that keeps it nice for the modern browsers. I wrote an article about that here:

    http://www.bestinclass.com/blog/2008/simple-rounded-corners-with-css3-box-radius-and-fallback-for-ie/