Digital Consumption


 Charles Darke | 30 October 2007
How hard can it be to get rounded corners on a web page? A search for 'rounded corners' in Google yields over 35 million hits.

I wonder how much energy and human ingenuity has been expended on this wasteful endeavour? There are now implementations of rounded corners that:
  • Use images
  • Use Javascript
  • Use nested divs
  • Use background images in divs
  • Use CSS hacks
  • Use DIV element hacks
  • Use experimental CSS3
On this site, I used Nifty Corners Cube until today. I've now removed it in favour of using the CSS3 border-radius property even though few (if any) browsers actually support CSS3. Maybe my grandchildren will one day be able to view this web page as it was intended.

For now, this website will render elements with normal square corners in IE and rounded corners in browsers that either support CSS3 or have experimental support for -moz-border-radius.

In this IEBlog post, the developers state that they are not going to support border-radius yet. It seems they are waiting for the spec to be finalised---presumably because Microsoft always follow standards and and never develop their own proprietary solutions.

Why am I putting myself through this pain when I already had a working hack? I'm making certain changes to this blogging software that will require it. But that's a topic for a future post. 


Comments (0)

No comments yet: be first to add comments to this topic!