Testing browser compatibility
Tuesday, 24 April 2007
Unless our clients can give us a compelling reason to do otherwise, this is our preferred methodology for testing browser compatibility with CSS:
Test everything using the standards compliant Firefox browser.
Validate the generated markup for accessibility.
Repeat (1) and (2) until it looks and behaves as it should.
Test everything using the stylistically-challenged IE browser.
Apply any star html hacks and “stupid browser” fixes as needed.
Repeat (4) and (5) until it looks and behaves as it should.
If we rule out dabbling in some very unusual layout styles, there’s usually no need to do additional tests for Konqueror, Safari and Opera as all three offer excellent support for web standards.
|
When you say to "apply any star html hacks and stupid browser fixes as needed", what do you mean exactly?
Gary,
Have you followed the link I provided? Maybe because it didn't point to a specific website, it discouraged you from investigating? If you look at our own stylesheet, you'll see that we mainly used it to subtly control stuff like widths and margins of some of the page elements:
decrease the title top margin:
decrease the tagline left margin:
decrease the searchform textbox width:
increase the tagcloud line height:
decrease the simplechart width:
I won't go into the theory behind what makes "star html" hacks work, just follow the original link in the post, above.