Hiding from Mac IE5

This is how I once loaded stylesheets.

 <!-- import complex style sheet hides from older browsers -->
 <style type="text/css" media="screen">
     /*<![CDATA[*/
          /* Hide from IE5/Mac \*/ 
               @import "sty/layout.css";
          /* Stop Hiding */
     /*]]>*/
 </style>
 
 <!-- begin link to design styles for screen, will be used by older browsers-->
 <link rel="stylesheet" type="text/css" media="screen" href="sty/style.css" />
 
 <!-- begin link to design styles for print -->
 <link rel="stylesheet" type="text/css" media="print" href="sty/print.css" />

All the stuff that comes first is to hide the imported stylesheet form xml parsers, then hide it from mac IE5 and then from all browsers “lower” than IE 4.

this way all the positioning CSS in layout.css is hidden and older browsers and Mac IE5 get unstyled (or just what’s in style.css) html.

NB make sure you have something in style.css and print.css – Mac IE chokes on empty style sheets and take an absolute age to load the page. Looks odd when it’s unstyled too!