Front-end developer Steffan Williams of Gridinator fame digs into some of the rendering inconsistencies across various browsers when dealing with percentage-based widths. Now, I don’t think this is a real problem for flexible, grid-based layouts or properly responsive designs. Some of these rounding issues won’t necessarily manifest themselves in your work, or at least not quite as noticeably.

I was, however, emphatically raising my fist in the air when I read this:

While I’m well aware that things don’t have to look the same in every browser, it just seems to strike me as odd that CSS3 features keep getting touted on the front of browser homepages, and yet something as fundamental as a percentage would be rendered incorrectly (or, rather, not as well as would be expected).

Emphasis mine. Much of the behavior Steffan notes was outlined by John Resig in 2008, nearly three years ago. There are some incredible inconsistencies at play here, and designers really shouldn’t have to shoulder the burden of working around them.

In short, some broad consensus between the different rendering engines needs to be reached—and if it comes at the expense of pushing the Next Hot Bleeding-Edge Experimental Sexy CSS3 Feature™ to market, I’m all for it.

Visit this site →