Cross-browser compatibility practice guides
* Always use strict doctype and standards-compliant HTML/CSS
* Always use a reset at the start of your css
* Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and text-shadow: #000 0 0 0 in Safari
* Never resize images in the CSS or HTML
* Check font rendering in every browser. Don’t use Lucida
* Size text as a % in the body, and as em’s throughout
* All layout divs that are floated should include display:inline and overflow:hidden
* Containers should have overflow:auto and trigger hasLayout via a width or height
* Don’t use any fancy CSS3 selectors
* Don’t use transparent PNG’s unless you have loaded the alpha
This entry was posted on Monday, June 30th, 2008 at 3:46 am and is filed under web practice. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
