What Does Your Blog Look Like On Other Browsers

I had the awful experience the other day when showing my blog to a friend on their computer. I found out what my blog actually looked like in IE6. As you probably know, web browsers tend to behave slightly differently to each other, handling formatting in different ways. So how do you know what your site looks like on a different browser?

The problem that IE6 was having with Pingable was that some screenshots I had used filled the entire width of the content column, and the margins of objects surrounding had coursed IE6 to push the right sidebar down to below the left sidebar…ugly.

Unless you own three different computers, a MAC, a Windows PC, and a Linux PC, it’s impossible to see what your site will look like on every possible web browser.  Any number of your users could be browsing on a different browser that may be having all sorts of issues with the formatting of your site. So what’s the solution?

Browser Shots

This site takes screenshots of your Web site in different web browsers then posts them for you to view. The process is rather slow, however, it is very reassuring to know what your site looks like on other browsers. It is well worth a visit if this sort of thing worries you.

Update: Another useful site on this topic: Any Browser

www.pingable.org

44 thoughts on “What Does Your Blog Look Like On Other Browsers”

  1. Pingback: Checking Cross Browser Compatibility | plainBETA | constantly growing
  2. WOW!!!
    Very useful tool!
    I shall use that very often – thanks so much!

    The only downside to it is you can’t check roll-overs and other similar interactive web site features…
    But it’s still nice!

  3. It’s really important to understand that some broswers behave differently – I made a huge mistake in the past and stopped 90% of users being able to click links – simply because i only tested in one broser that allowed for my mistake in the code!

  4. With blogging, you still have a little safety net of the blog script that has been developed to run in different browsers, but when you build a website by yourself from scrap, you might see many differences between for example Firefox and IE. They handle the margins and the borders differently, which can really screw up your layout.
    ALWAYS check your site in multiple browsers. Of course, you can’t check all of them, for which this tool is handy. But I find that over 80% of regular internet users use IE to browse the web and Firefox comes second with only a small percentage, while if you are in a webmasters/bloggers/SEO niche, you will find that 80% of your visitors will use Firefox.
    Least you can do is check out your site in these two browsers.

    Another thing is the size of the monitor. It can be really annoying when people need to scroll from left to right to read a simple article. If you have a design that has a fixed with, make sure that less important things are on the right hand side. And that the block of text is not wider than 600 px.

  5. That’s a real handy site.

    I am a web developer and this is always a problem for us. The more complicated you make a site, the more likely some people won’t be able to view it right.

  6. I also checked my blogs using browser shots. I find this very useful as I am not really good with this, and i can make use of tips such as this one.

  7. Thank you for the work you have put into your nice blog. We will bookmark to your blog because it is very informational. We love the site and will come back to see your new posts.

  8. That is a very helpful tool. I develop on the web a lot and it is useful to be able to check different browsers to make sure the site looks ok. Thanks!

  9. browsershots is definitely enlightening. the problem comes when you discover that there ARE browsers that aren’t rendering your site well, because it’s not always obvious what is causing the problem. at that point you have to look at the numbers (of affected users) and figure out whether it is worth your effort to fix the problem.

  10. I never considered this until one day I visited one of my websites while out of town visiting a friend. You are exactly right. Different browsers format in different ways. But I had no idea their was a tool to use like this one. Another tool to add to my arsenal!! Thanks so much

    Phil

  11. This is an excellent tool! It is very important to have your sites layout looking good to all your visitors. There is nothing thats going to turn your users away from your site than having a messy non browser friendly site/blog.

  12. We check to make sure buttons work and things display correctly. I dislike looking at pages which are jumbled because of browser issues.

  13. Nice find. I use any browser when i want to check site. I have to try the other site you listed above to see if it shows anything different. Most of the time i check firefox and explorer not to many time do i check linux or mac.

  14. We agree with just about everyone else. This is a great tool. It is easy to asssume that all browsers operate the same, when in fact, they do NOT.

  15. Thanks for the post. I eagerly await your next article. I had no idea the there were such things as a debt settlement company. Thanks for keeping me informed!

  16. ye i hate that there are png issue where you use a png fix – furthermore you can also whats called “user agents” to show different browsers different style sheets.

  17. Since I design webpages on a MAC that anybrowser website is great. I’ve had issues with different widgets in WordPress not rendering correctly after I tried to improve the code of some WordPress themes.

  18. I just hear about Browser Shots. It seems to beg great tool to know what blog looks like. Thanks for sharing. This is great information

  19. This is great. There are times that the design will not look the same when you launch another browser. This is good news to all web designers.Will refer this to my friends.

  20. You can use a browser simulator and see what your sites would look like in different browsers. I’ve used a few with great results. I forget the sites offhand, but I found them off Google.

  21. My friend designed a great site for me not long ago, as I was setting up a wedding site. But when I tried to show my parents on their computer and a different browser it wasn’t coming up the same. It was fixed but it was a good job I tried it.

  22. My blogs look always quite ok on Firefox, but usually I have problems making them look nice on Internet Explorer, especially when I do some custom HTML coding.

  23. One of my problem was that some parts of my interface didn’t work with opera. All my diagnostics couldn’t solve this problem. Now I’m trying to find the solution of this problem. I think this tool will help me in this…

  24. Who knew? I never gave it a moment’s thought that the page would always look the same. Thanks for pointing out that it doesn’t and giving me a tool to check what my blog looks like on other browsers.

  25. Nice tool, indeed my layout had a few problems and I was surprise the first time when I saw how one of my sites looked in firefox.

  26. The truth is, once you have your site set up, unless you make changes, you probably don’t need to check it out anyway. After all, once you know that your site is working, you don’t really need to check it again unless you make changes. However, if you recently did make changes or you never bothered to properly check to begin with, then you need to read on.

  27. I’ve noticed that there tends to be more problems with IE than with other browsers. I find Firefox gives the most accurate representation my site. IE popularity is decreasing anyway, but it’s still important to test across all browsers. Furthermore, I would recommend developing a mobile optimised version of your site too!

  28. Hey Simon,

    Thanks for sharing Browser shots. I’m not a web designer but I’m trying my hand out designing my own sites, so this tool seems like a must-have for me.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>