1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

Elements do not display correctly in Internet Explorer 5 when a print stylesheet is applied

Problem

Internet Explorer 5 renders elements incorrectly, and appears to apply your 'print' stylesheet instead of the correct 'screen' stylesheet for browser-based rendering.

Solution

Use the link element to include your print stylesheet in IE 5.x, as opposed to the @import rule.

Detailed description

Internet Explorer v. 5 will apply the rules in the print stylesheet to your onscreen (screen stylesheet) rules, which causes page elements to not show on screen and other oddities.

The solution is to use the "link" element rather than the @import rule. So you'd use this:

<link rel="stylesheet" type="text/css" href="stylesheet.css" media="print" />

Rather than this:

<style type="text/css" media="print">
<!--
@import "stylesheet.css";
-->
</style>

You can view a test page here:
Test case

Text ID:

---