Ads 468x60px

Pages

Saturday, October 11, 2008

Blog displayed in different browsers

I have written previously about the advantages of having many web browsers. Let me elaborate on one more reason why you should have many browsers.

A blogger is by default a web master responsible for the way a blog is displayed over the Internet. Any web master worth his salt would have a visitor counter and would check the statistics every now and then. Below is the browser statistics for visitors to this blog:

browser statistics bar chart
browsers statistics percentage

It shows that visitors to this blog uses varied web browsers ranging from FireFox, Internet Explorer, Safari, Opera and the newly introduced Chrome. It pays to check how your blog is displayed in these browsers so that you know how your blog appears to different visitors using different browsers.

For example, I viewed this blog - Guide to United States of America with different browsers and noticed that the blog title and description are displayed differently in different browsers. Below are the screen shots of how the blog displayed in Firefox, Internet Explorer 7, Opera, Safari, Flock and Chrome:

blog as displayed by Opera
Guide to USA as displayed by Opera

blog as displayed by Internet Explorer 7
Guide to USA as displayed by Internet Explorer 7

blog as displayed by Google Chrome
Guide to USA as displayed by Google Chrome

blog as displayed by Safari
Guide to USA as displayed by Safari


The blog Guide to USA uses Final Sense Butterfly template and displayed with only very slight difference in Chrome, Firefox, Flock, with the last part (after Rhode Island) hidden by the Google Search box. The most noticeable difference is in Opera where you can barely see the hidden portion of the description through the Google Search box. To bring that into sharper focus, I paste below the part in question below:



The other noticeable difference is in Internet Explorer 7 where the part of the description starting from North Carolina is hidden by Google Search button and the blog title is blur with shadow. Again, to bring that in sharper focus, below is portion of the blog title as displayed by Internet Explorer 7:

blur blog title with shadow as displayed by Internet Explorer 7

The above blog is only a demonstration blog so I decided not to do anything about it. If it is the main blog, I will then of course seek solution to the little problems as having part of the blog description hidden or getting a blur blog title is not quite acceptable.

Peter Chen's nice graphic signature

0 comments:

Post a Comment