Professional Search Engine Optimization and SEO Marketing Firm

Home

Package Deals

Optimization

Submission

Pay-Per-Click

Paid Inclusion

Conversion

Free Tools

Blog

Blog Sponsors:

Welcome to the ineedhits Search Engine Marketing blog, where we share the latest search engine and online marketing news, releases, industry trends and great DIY tips and advice.

We encourage you to get involved in our blog community - so share your opinions and experiences by leaving comments on our posts.

If you're looking for help with promoting your website - check out our range of affordable search engine marketing services.

Monday, September 8

DIY Tip: Browser Compatibility - Get Your Website Shining in All Browsers

The release of Google Chrome (Google's new internet browser), has re-opened a can of worms for webmasters and site owners in terms of website compatibility.

Accordingly I've whipped up a list of resources to help ensure your site's looking its best and functioning properly no matter what browser your site visitors are using.

While there are too many browsers and versions out there to monitor continuously, if you're not putting your site through its paces in the major new browser environments (Internet Explorer, FireFox, Safari, Opera and now Chrome) - you could be doing yourself more harm than good.

First things firstÂ - checking your site in the various browsers:
Now if you want to check your website in the major browsers and versions out there, then you'll need to download them and set them up on your computer. Note running different versions of the same browser can difficult, so aim for the latest (stable) version.

Here's the majors:

If your primary focus is appearances rather than function, and you want a quicker way to check your site in the various browsers - then I recommend giving BrowserShots a whirl. They'll check your site across almost all browser and operating systems (incl. Linux and Mac)

BrowserShots - Access Here.

If you're the tech person behind your website, then the following tips and resources will help ensure your site is designed for optimal compatibility (if you're not - you'll need to get your website designer/developer on the case - maybe send them this post) :

Anthony Short, an enterprising young graphic and web designer, provides the following summary for browser compatibility (his whole post is worth reading and bookmarking). (Warning - it's totally tech speak.)

1. Always use strict doctype and standards-compliant HTML/CSS
2. Always use a reset at the start of your css
3. Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and text-shadow: #000 0 0 0 in Safari
4. Never resize images in the CSS or HTML
5. Check font rendering in every browser. Don't use Lucida
6. Size text as a % in the body, and as em's throughout
7. All layout divs that are floated should include display:inline and overflow:hidden
8. Containers should have overflow:auto and trigger hasLayout via a width or height
9. Don't use any fancy CSS3 selectors
10. Don't use transparent PNG's unless you have loaded the alpha

Here's some other great links for more vital browser compatibility resources:

HTML 4.01 / XHTML 1.0 Reference

CSS 2.0 Reference

QuirksMode.org Browser Compatibility Tables

JavaScript and Browser Objects Quick Reference

Migrating from IE to Mozilla

Doctype

0 Comments

Our Newsletter

Subscribe!

Atom Site Feed

Free Tools

Recent Posts:

Search Engine Marketing Blog Homepage

Contributors

Warren Duff
Rene LeMerle
Matthew Elshaw
Courtney Mills


	Recommended

7 Day Google Inclusion
Get listed in Google in 7 days - guaranteed! Only $24.99/mth

Buy Now

More ...

Guaranteed Top 10 Listing
Guaranteed top 10 listing in 250+ search engines - Just $9.99/month

Buy Now

More ...

Google & Yahoo! Advertising
Instant exposure and quality website traffic from Google & Yahoo! sponsored advertising. Increase your traffic from only $99 per month.

Buy Now

More ...

www.gooruze.com

Archives:

May 2005 June 2005 July 2005 August 2005 September 2005 October 2005 November 2005 December 2005 January 2006 February 2006 March 2006 April 2006 May 2006 June 2006 July 2006 August 2006 September 2006 October 2006 November 2006 December 2006 January 2007 February 2007 March 2007 April 2007 May 2007 June 2007 July 2007 August 2007 September 2007 October 2007 November 2007 December 2007 January 2008 February 2008 March 2008 April 2008 May 2008 June 2008 July 2008 August 2008 September 2008 October 2008

DIY Tip: Browser Compatibility - Get Your Website Shining in All Browsers

Post a Comment