Home > Products > Dreamweaver > Support > Designing Page Layout
Dreamweaver Icon Macromedia Dreamweaver Support Center - Designing Page Layout
Creating different style sheets for different platforms in Dreamweaver 3 and 4

If you've ever tried to use Cascading Style Sheets (CSS) on your Web pages, you may have noticed that the pages look different on different platforms. The most notable difference is in font sizes—one of the most important factors for a designer to control. It's enough to drive a designer back to FONT tags (which have their own platform-specific quirks).

Luckily, there is a solution: you can create separate CSS style sheets for Windows and Macintosh (and UNIX, if desired) and then conditionally include them in your documents depending on the user's platform.

The most important part to remember about this technique is that the style sheets must be external, not part of the page. In other words, you need to create a separate .css file for each platform.

This technique assumes that you have access to a Windows computer and a Macintosh (and a Unix computer, if desired), that you have Microsoft Internet Explorer and Netscape Navigator installed on each machine, and that you have already set up a site in Dreamweaver. If you haven't set up a site, see "Creating a local site" in the Sites and Documents section of Dreamweaver Help.

Note: In addition to CSS styles, Dreamweaver also provides the ability to apply "HTML styles" to a document. This article discusses only CSS styles.

Starting with a structure
Creating the native style sheet
Creating the foreign style sheet
Incorporate both style sheets into your documents

Jed Hartman

Jed Hartman is a lead technical writer on the Dreamweaver documentation team.

cross-platform, CSS, style, style sheet, Macintosh, Windows

24 January 2000