3 awesome resources for Cross Browser Coding
Rendering - How to get Cross Browser Compatibility Every Time.
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
Cookie Restrictions - Browser cookie restrictions very nicely documented here. An excerpt follows:
- Microsoft indicated that Internet Explorer 8 increased the cookie limit per domain to 50 cookies but I’ve found that IE7 also allows 50 cookies per domain. Granted, this may have been increased with a system patch rather than having the browser’s first version ship like this, but it’s still more than the 20 that was commonly understood to be the limit.
- Firefox has a per-domain cookie limit of 50 cookies.
- Opera has a per-domain cookie limit of 30 cookies.
- Safari/WebKit is the most interesting of all as it appears to have no perceivable limit
Cookieheader. The problem is that the header size exceeded the limit that the server could process, so an error occurred. through Safari 3.1. I tested setting up to 10,000 cookies and all of them were set and sent along in the