Here is a quick summary for those of you who don't want to read the whole article:
Always use strict doctype and standards-compliant HTML/CSS
Always use a reset at the start of your css
Use opacity:0.99 on text elements to clean up rendering 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
Group items matching
in title, tags, annotations or urlHow to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Development - 0 views
-
Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
Carsten Protsch - 0 views
1 - 3 of 3
Showing 20▼ items per page