WordPress Login : Rendering in Different Browsers

When it comes to rendering, the world’s fastest browser, my favorite Google Chrome still has some rough edges. I mean, really some rough edges. It has trouble rendering rounded corners on WordPress login page. See how a WordPress login page is rendered on different browsers. I am on Microsoft Vista.

Google Chrome : Not happy with round edges and shadow

Issues: Round corners are not transparent enough and shows thick black edges. And somehow shows a much wider shadow (compared to Apple Safari)

image

Apple Safari : The Best

Finest and quite crisp when it comes to rendering content. See how the it stands out from the page and just enough shadow.

image

Firefox : Just Fine

Renders round edges fine but completely misses out on the shadows. So the form looks more like embedded in to the page rather than standing out floated (like in Apple Safari)

image

Internet Explorer 7 : Completely ignores round edges, but better than Google Chrome

IE completely ignored round edges and has the same problem with shadows (like Firefox). But looks much better than Google Chrome as there are no black edges.

image

Apple Safari is the best when it comes to rendering. Its even much better (compared to all others) to render indic scripts (like Telugu). See a clipping of the home page of Andhra daily news paper, Eenadu in Apple Safari. Its beautiful. (Google chrome is worst for rendering Telugu)

image

Popular posts from this blog

You Are What You Think People Think About You

Cooking looks like an unforgiving art

Did NDTV Just Twisted Words?