Bad Browsers!

18th February 2003 · Last updated: 5th October 2016
 

Opera 7 has a new 'feature'. If I include a <script> tag in the head of a document which has a separate link to stylesheets for screen and projection, it knocks out the projection style! I can't put the styles into one link (eg: media="screen, projection") because I just found out that kills the entire stylesheets in Netscape 4.

The solution is to use a separate link to a stylesheet for media="screen" and add the following code:

<style type="text/css">@import url("projection.css") projection;</style>

Then you can have a script tag in the head section too, and both Netscape 4 and Opera 7 are happy.

Note: It doesn't work if you link to the same stylesheet for screen and projection. Copy the file if the CSS is the same and give it a different name.