As any web developer using CSS will know, different browsers render pages in different ways. Some browsers have a built-in stylesheet that can effect such things as margin and padding on page elements.

By resetting the built-in stylesheet in modern browsers a lot of the anomalies can be avoided – reducing the headache of adjusting CSS files by trial and error. (more…)

When you create your shiny new designs, no doubt you view it as your going along in your favourite browser. But I’m sure like myself you have encountered rendering problems between browsers. Some of the incompatibilities include:

• Padding and margin inconsistencies.
• PNG transparency problems in IE5.5/6.
• IE :hover only on anchors.
• Background image inconsistencies.

You have a few options at this point.

• Use CSS hacks for different browsers.
• Change your design to work in all browsers (possibly at the expense of your overall design).
• Detect the browser and serve a completely different stylesheet for each different browser.

(more…)

In my web browsing on the subject of CSS I came across Reinhold Weber’s list of CSS pieves. I have to say I agree with many of them. I thought I’d mention a few of the CSS-related issues I hope will be fixed in future browser releases. (more…)