Cross-Browser Compatible Web Design
With the advent of Web 2.0 and websites being at the forefront of everyone’s mind when it comes to marketing, website design is no longer simply about getting a presence online. Designing a website now means making it not only look good but look good on as many different types of media as possible.
Granted a website cannot be guaranteed to work on 100% of browsers 100% of the time, but you can certainly create a website that will work on high proportion. For example, one of our websites gets on average 1,200 unique visitors a week using the following web browsers (figures since Sep 2008):
| Browser | No. Unique Visitors | % Total Visitors | |
|---|---|---|---|
| 1. | Internet Explorer | 16,043 | 87.26% |
| 2. | Firefox | 1,672 | 9.09% |
| 3. | Safari | 522 | 2.84% |
| 4. | Chrome | 43 | 0.23% |
| 5. | Mozilla | 35 | 0.19% |
| 6. | Opera | 28 | 0.15% |
| 7. | Playstation 3 | 18 | 0.10% |
| 8. | NetFront | 11 | 0.06% |
| 9. | Netscape | 6 | 0.03% |
| 10. | Konqueror | 3 | 0.02% |
And take Internet Explorer for example we can explore which versions our visitors are using:
| Version | No. Unique Visitors | % Total Visitors | |
|---|---|---|---|
| 1. | 7.0 | 12,247 | 76.34% |
| 2. | 6.0 | 3,746 | 23.35% |
| 3. | 8.0 | 48 | 0.30% |
| 4. | 5.5 | 1 | 0.01% |
From the stats we can clearly see that most Internet users are now using fairly up-to-date web browsers, and one of the effortless means of achieving high cross-browser compatible websites is to design a website which is compliant with the latest web standards.
How to achieve cross-browser compatibility on your website
- Build your websites using table-less layouts and nested elements arranged using an unfussy cascading style sheet (CSS)
- Preview your new website in any one of the latest browsers and make the website you’ve designed fits that site
- Using the W3C validation tools, validate your code. HostPipe generally validate websites to XHTML 1.0 Strict as this virtually guarantees a cross-browser compatible website
- Start checking the website in the most common web browsers (IE7, IE6, Firefox, Safari, Opera and Chrome) and tweak the site so that it looks right in all of the website browsers
Additional benefits of having a cross-browser compatible website
The website can now be viewed in 95% plus web browsers currently available, but by developing a website to strict web standards compliance there are plenty of additional benefits:
- Faster download speeds
- Higher level of accessibility
- A future-proofed website - you can easily create a new layout by changing the style sheet
- A search engine friendly website
- A wider market reach - to those users who couldn’t previously view your website
The best part is it there isn’t a huge amount of additional work required to make your website comply with web standards or in making it cross-browser compatible. Knowing your web browsers and their intricacies means your initial web design concept can be built with cross-browser compatibility in mind.
This entry was posted on 18 December 2008 at 11:59 and is filed under General Web Advice | Website Design. You can leave a response here.
Leave a Reply
Search For:
Recent Posts
- HostPipe Clients Hitting the Local and National Press
- Scott Redding in Local Media | Motorsport PR and Website Design | Gloucestershire
- New website for sports media consultant launched
- Creating your Twitter Background, we've updated ours!
- The joys of previous versions of Internet Explorer
- The Twits | How not to use Social Media on your Website
- Cirencester Arena Website Goes Live
- The Web Design Process - Handling Your Budget
- Extracting the filename from a file path with a single line
- Web Design and the Credit Crunch in Stroud, Gloucestershire
Bookmark with: