www.lipfert-malik.de>webdesign>tutorial>CSS für alle Browser>Netscape 4 Crossover Impressum  Deutsch

Kristof Lipfert Netscape 4 CSS Crossover

Layout may be an important part of the receivable information from a website. Layout is not only additional structure but content. So I am interested to let as many browsers as possible render even tableless layout, and I don't want to hide Stylesheets for some browsers completely. Now it is possible to validly hide the Netscape-4-optimized-CSS from other browsers and Opera 5 too. That means better assumptions to let these browsers use CSS.

Sample from "CSS für alle Browser"

http://www.lipfert-malik.de/webdesign/tutorial/css.html#BrowserweichenNC4

CSS Crossover Test

If this text is green and bold, the browser has applied both rules.

CSS Crossover Syntax


 <style type="text/css">
  /* Author, Designer 2002-2003 Kristof Lipfert Duesseldorf  */
 
   /*/*//*/\{! i{"}

     #test { color:lime; }

     #test { fontweight:900; }

     i{"}
   *}{}/* */
 
 </style>

Aspects of this new Netscape 4 CSS Crossover

  1. Starting at the comment-bug shown by Caio Chassot
  2. CSS crossover for Netscape 4 only. Valid CSS!
  3. Opera 5 is now excluded from the Netscape 4 CSS code too.
  4. Like the new Amaya Versions.
  5. Additioinal safety by using some kind of JavaScript syntax for Netscape 4 only as protection against unknown browsers which might pass the first filters.
  6. No sideeffects on following code found.

Impovements to this Version 4.3:

   /*/*//*/\{! i{}


      *}{}/* */
  1. Blocking Amaya without Parsingerror.

Improvements compared to this version

          /*/*/\{!/*/

          /*  */ /*/*/\}!/*/{} /* */
  1. Less or no effects at further code
  2. Simplified code

Author, Developement

© Dipl.-Des.FH Kristof Lipfert Web-Design GbR Düsseldorf 2002-2003

2004-5-04 V.4.4