I use both Mac and PC daily, and one thing I hate the most is to come across a site with features that only run on Windows. Or, sometimes I will be working in Safari, only to have to open up Firefox as well, cluttering my dock. While there is nothing you can do to guarantee your website will look identical in every web browser out there (and trust me, there are tons), there are however, some things you can do to generally get the same functions and look out of every version. Here is a summary of a list of tips from an article by Anthony Short:
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
And of course, TEST your website on different browsers. You want your clients to get the most out of your website no matter what browser they may be using.
