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…)

If you are involved in web design you will no doubt be aware of the increase in CSS usage in the last few years. This trend is set to continue with the latest browsers incorporating support for CSS 3. Gone are the days when web designer sets out their fresh new design using tables. Although CSS was designed to be an easy way of controlling your page layout, with the differences between browsers this can at times be an awkward journey of hacks and adjustments to get things looking sharp in as many different browsers as possible. (more…)