css print styles conflict with javascript precedence

[Michael Repucci]

Hi all, minor newbie problem I hope you can help with, since I can't
find the topic covered on line.

Basically, I have a div section in my xhtml that I want visible for
print (div {display: block;} in my print css), and visible if somebody
has javascript disabled (therefore also div {display: block;} in my
screen css), but not visible on screen with javascript activated
(i.e., turned off in javascript with div.style.display = "none").

The problem is one of precedence. When displaying the page on screen I
want my non-interactive javascript code to execute after the css rules
have been applied (so I put my javascript within window.onload). But
when a user attempts to print, I'd prefer if the css (for print) were
applied after the javascript. Unfortunately this doesn't seem to be
what happens.

What should I do?

 

[Michael Repucci]

Problem solved... at least for recent browsers. I forgot about the
CSS !important directive. Adding that gives the desired effect.