By using CSS, a web developer can give users a useful and professional way to print-out pages from their website.

By using CSS media selectors, modern browsers can pick-up a different stylesheet for handheld devices, screen readers and print-layouts.

Now we will look at producing a Print CSS file (the CSS could be placed in the head of the page, however, it is good practice to use external CSS files, therefore we will look at external CSS for this article). (more…)

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