Browser Compatibility Tips

11th January 2011

The internet would be a much simpler place if everybody used the same browser (Firefox would be my choice, Chrome maybe if I was pushed), but as different companies vie for supremecy the gap only ever seems to get bigger. Whilst picking between lots of cool features is great in terms of fun and choice for the user, for web designers and developers it can cause problems.

People often get the terms cross browser and multiple browser compatible confused. For a website or application to be truly cross browser compatible it would have to function across ALL browsers, not just the principle cohort of IE, Firefox, Chrome, Opera and Safari. However to be multiple browser compatible only suggests it functions across more than one browser. Whilst it would be great to aim for everything on the web to be cross browser compatible, in reality you have your work cut out simply coding for the most popular and widely used.

How do I know if my site works across multiple browsers?

It used to be I’d install a variety of browsers on my machine and test any site I was building in all of them before launch, but these days that approach just doesn’t cut it. For a start, it doesn’t help much when you want to see how something looks or functions in two versions of the same browser. Now I use Adobe BrowserLab, which comes built in with Dreamweaver CS5, to render my sites as they would appear in a multitude of different browsers as I’m actually designing and coding them. Whilst no tool is entirely accurate, it does give a good indiciation. There are also a variety of online tools that can help (I have only listed free options):

  • Browsershots – produces screenshots of how a page appears in a whole host of different browsers. The major drawback is that it can take quite a long time to render a large number of different versions.
  • Adobe BroswerLab (online version) – does the same thing but faster and within one interface. It also allows you to overlay two different versions to see if they align the same, or view two screens side by side for comparison.
  • – will currently only visualise Safari.

So how do I make my site work the same in different browsers?

You should expect your designer to have an awareness of compatibility issues, but if you’re going to be working on it yourself then below are a few tips:

  1. Validate your site and iron out any issues with the code. You should also be sure to define a DOCTYPE.
  2. View your site on a mobile and if it isn’t working correctly or is taking a long time to load, consider a separate version. With the advent of smart phones more and more people will be accessing your site in this way.
  3. Reset your CSS. Browsers often have different default settings for basic tags, so over ride them to ensure consistency. You can find Yahoo’s reset here or develop your own.
  4. Keep track of who is visiting your pages and what browser/operating systems are most common using an analytics tool such as Google Analytics.


What our customers say:

I would highly recommend Hut Six Digital for your website implementation. Jo has been fantastic to work with and has exceptional knowledge in her field. She is friendly, reliable and professional, which has resulted in our fantastic new website launch. Her training was clear and concise, and I know she will be on the end of the phone or email should I need her for a little refresh. She has enabled us to take full control of our new website, which was something other companies have been unable to offer. Excellent value for money too!

Christina Canning (SMS Alarms Ltd, Thatcham)

Jo has been personable and efficient in setting up my website. She did a great job of understanding what I wanted and providing guidance from her wealth of experience. She has explained things in a non-technical way and has been very responsive, patient and flexible in working with me. In short, Jo is great value for money and easy to work with.

Vanessa Rhone (Venus Works, Oxford)

Excellent, efficient service from Jo. Highly recommend.

Xan Rice (Journalist, Oxford)

I am not exactly a technophobe but due to previous experiences of pressing buttons that I have no business pressing I have shied away from doing thing to update or improve my site. I have called on Jo Cox’s expertise several times and she is always quick, efficient and gets you back on track whilst also calming you down. I can honestly say that there is no one else I would call on in an emergency to sort out problems with my website. I have never had a bad experience with Jo’s services or with Jo as the service provider.

Lisa Bentley (Writer, Liverpool)

Jo has been amazing. Through 1-2-1 training sessions she has helped me to make significant improvements to my website functionality. This has not only been cost effective but it also has empowered me to use the skills that I have gained to edit my website myself in the future. She has simplified what I thought would be tricky tasks. I will definitely continue to work with her in the future and I couldn’t recommend her highly enough.

Felicity Wood (Yoga Instructor, Bicester)

Jo took my simple brief outline of what I wanted and turned it into everything I wanted and more. Jo was very professional, efficient and she was patient and understanding with the fact that I was not knowledgeable about building websites or what’s involved. By the end of it Jo had given me and my team a training session around how to manage the website. I would highly recommend her!

Sharon Mulholland (Sandcastle Mortgages, Kidlington)

Jo was completely fantastic! I’d been struggling to make a WordPress blog design work and was completely stumped. I made an enquiry to Jo about some help, and she replied within 24 hours. It was easy to agree on a price for the things that needed to be done, and she had fixed everything within 48 hours of the original enquiry. I had thought my problem was too small for someone to help with it, but I was pleasantly surprised that Jo was happy to sort out the small issues with my site for an extremely reasonable fee. Throughout the process, Jo was efficient, effective and stayed in regular communication. She answered all of my questions, even the really idiotic ones, and nothing was too much trouble. The entire experience was great and I would recommend her in a heartbeat to anyone who needs help with a website project – big or small. She is, in short, superb at what she does.

Imogen Goold (Blogger, Oxfordshire)

I wish I had found Jo earlier. We wanted to progress from making simple text edits to getting more out of the CMS. After a very enjoyable training session, we can now design new pages and keep the website organised. Excellent.

Margaret Hildreth (JP Hildreth Ltd, High Wycombe)