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