Cascading Style Sheets: Testing CSS during construction
Testing CSS in web browsers
A proven technique for testing CSS during website construction is to use a standards-compliant web browser; a web browser from the first group, like Mozilla, Firefox or Safari. These browsers usually display the visual effects of CSS most consistently, that is, as they are supposed to look. If CSS functions properly in these browsers, the web developer can then test in browsers from the second group, for instance Microsoft Internet Explorer.
Use the standards as intended and check whether the browsers support the standard correctly. If not, make adjustments to achieve the desired effect.
Using background colour and borders to detect CSS problems
One easy method for detecting the cause of an inconsistent layout is to intentionally add noticeable background colours and borders by means of the CSS
border properties. The browser can then highlight how certain elements overlap, or show how wide they are.
Links and references
- CSS Problem-Solving
Checking CSS code through online services
The W3C offers a free online service that checks CSS files for web developers. This makes it easier to detect errors in the CSS code.