Print style sheet being read by IE5.x/Win

admin

Administrator
Staff member
I created another post for this problem but found the cause to be something completely different, so this thread was created with a more discriptive title.

Anyway: <!-- m --><a class="postlink" href="http://www.cm-life.com/vnews/display.v/ART/2004/06/23/40d8f74949b18?template=new_dp">http://www.cm-life.com/vnews/display.v/ ... ate=new_dp</a><!-- m -->

Internet Explorer 5.x/Win reads the print style sheet no matter what. The media attribute for the <link> tag is "print", yet IE5.x reads the CSS file anyway.

How do you keep IE5.x from reading the CSS file? I've just voice-family hacked all the styles in my two print style sheets: basic.css and articla.css. I thought about using IE conditional statements:

<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp">http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp</a><!-- m -->

But that just doesn't seem to answer the question.All right. Again, kind of solved my own problem.

1) A style sheet was imported that did advanced formatting for the article pages. Inside that stylesheet (article.css) was a line that @import-ed basic.css.

2) basic.css is also a print style sheet. On most pages it is imported directly via the <link> tag, except on article pages.

3) IE5/Win seems to have loaded article.css but did not make any changes to the screen. However, it @import-ed basic.css as a screen style sheet and changed the screen according to the styles within basic.css. IE5/Win still ignored the styles native to article.css.

So... basically. Don't use the @import method to import additional style sheets to a print style sheet:

--------------------------------
In article.css:

/*
More advanced print styles for
article pages. Contains CSS 1.0 and
2.0 styles and is only
available to 6th generation browsers
and newer.
*/

@import "basic.css"; /* basic page formatting for print media */
@import "../screen/forms.css"; /* basic styles to build forms */
.
.
.

--------------------------------
Inside a style sheet imported via the <link> tag with media="print": IE5/Win likes to read any @import-ed style sheets as screen style sheets.
 
Back
Top