Dreamweaver Article

Applying CSS from Screen to Print to Handheld – Part 5: Cross-Browser Compatibility

The previous parts in this series have shown you how to style your content. Now it is time to make your design compatible across browsers. This part shows you how to check your design in various browsers and then perform corrections to the layout where necessary; using a combination of conditional comments (CCs) and CSS filters.

I covered conditional comments earlier in the section "Change and Flux" in Part 1. If you feel you need to refresh your memory, refer back to that section before continuing.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

• Try
• Buy

Third-Party Software

• Firefox 1.5
• Opera 8.5

Note: Although you won't be using the Opera browser just yet, I recommend that you download the desktop version of this browser now. You will use it to test your handheld media work later in the series. Opera is the best browser for testing the handheld media type at your desktop machine. More on this later in the series.

Sample files:

• designing_css_pt5.zip (ZIP, 110K)

Prerequisite Knowledge

• Applying CSS from Screen to Print to Handheld – Part 1: Preparation and Groundwork
• Applying CSS from Screen to Print to Handheld – Part 2: Layout and Background Images
• Applying CSS from Screen to Print to Handheld – Part 3: Columns and Footer
• Applying CSS from Screen to Print to Handheld – Part 4: Navigation and Main Content

Page 1 of 5

Next Page

About the author