Rounded Corners of the 'Future'

Album Cover: Blue Room EP

"Such a rush to do nothing at all."
Coldplay / Such a Rush

Posted on June 24, 2005 11:47 PM in Web Design
Warning: This blog entry was written two or more years ago. Therefore, it may contain broken links, out-dated or misleading content, or information that is just plain wrong. Please read on with caution.

I had to rub my eyes a few times after reading this, then check my calendar to make sure it is indeed 2005, and then rub my eyes a few more times and read it again. The IEBlog has taken a step into their time travelling machine, set the date to sometime in the mid- to late-nineties, and introduced a method for getting rounded corners on your web pages today.

As most up-to-date web designers know, rounded corners are already available as a pseudo-CSS property in Gecko, the layout engine of the Mozilla web browser and Firefox. By simply setting the -moz-border-radius property as demonstrated in this colorful -moz-border-radius example from Dave Shea, Firefox users will see rounded corners when they visit your web page.

The rub, though, is that firstly, this trick only works in browsers with the Gecko layout engine (so not in Internet Explorer or Opera). Secondly, I don't believe it is clear at this time whether or not rounded corners will be a CSS3 feature, although some very prominent people seem to think it will be.

However, the funny thing about the recent article at the IEBlog is that, not only does almost every web designer and her mom know about the rounded corners workaround using images, some have even come up with ways to avoid the use of images altogether. A good majority of those web designers (and their mothers) have also realized that in the new millennium you should be using CSS to get your rounded corners to show up, not tables.

Unfortunately, Microsoft's web designers (though not all of them), like I said, either got stuck in the mid- to late-nineties or found a way to get back there (maybe after watching Primer). The article they point to for using rounded corners in IE today consists entirely of table-based layouts and substandard HTML.

What a revelation!


No one has added any comments.

Post Comments

If you feel like commenting on the above item, use the form below. Your email address will be used for personal contact reasons only, and will not be shown on this website.


Email Address:



Check this box if you hate spam.