In 2009 you’d think (and hope) that we could completely forget the problems with Internet Explorer 6. One of the issues that has caused me a lot of hassle is IE6s inability to render transparent PNG files correctly.

There are various ways to deal with IE5.5/IE6s PNG problem. I have tried several different ways of handling this situation – from using TwinHelix method, right through to serving alternative image content for IE5.5/IE6 via conditional comments and alternative stylesheets. (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…)