Like everyone else, I am member of lot of forums. What happens a lot there is – argument. This blog post is about my learning from one of these argument. I am no webmaster or web developer, but like my other blogs its always targeted towards the starter.
IE9 has been a great leap not only from Microsoft’s point of view, but from a web developer’s point of view as well. Off late we have heard lot of rants about Standards blah..blah…etc!! IE9 team have come up with what we call a marvel. Ok keeping the praises off this blog, let me describe what happened.
Someone in the forum complained that IE9, does not fully support CSS3. Now this is shocking and exactly opposite to what described in the Beta documents available here. This was indeed a cause of concern. As an example, the webmaster mentioned that the site has Curved edges and it does not show as curved in IE9 too. I used my pre-installed Mozilla 3.6, Mozilla 4 beta, Safari 4 and chrome 7 beta..and I could see the curved edges, but couldn’t find the same when viewed in IE9. I was concerned and was ready to speak to IE9 team (support team to start with). Then I thought I will do some background research on my own.
After some research what I found out was quite astonishing (not astonishing for the seasoned Webmasters and Web Developers of course). The curved edge can be achieved in CSS3 with border-radius and some of its markup cousins.
From the same link cited above, here is an excerpt…
The border-radius properties enable you to curve border corners by essentially “replacing” the hard corners with a quarter-ellipse and specifying the radii of each ellipse. The properties are comprised of the following:
So if this is the case why the edges are not seen as it should, in IE9? So I decided to look at the source of the site and found that instead of these CSS3 standard markups, the website uses a moz extensions. This moz extension is not understood by IE9 hence. If I changed the source and replaced the moz extension with the CSS3 markup, then the curved edges appeared in IE9. So there was the answer.
With some more research found that at this point IE9 does not support any of these extensions like other browsers. But the best part was that at the end of the argument, I could proudly say – Happy IEing