﻿<?xml-stylesheet href="../css/test_styles2.css" type="text/css" ?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

   <head>
      <title>Served as application/xml with xml-stylesheet PI (dithered.com)</title>
      
      <meta name="autosize" content="off" />
      <meta http-equiv="imagetoolbar" content="no" /> 
      
      <link rel="icon" href="/img/logo.ico" type="image/x-icon"/>
      
      <link rel="stylesheet" type="text/css" href="../css/filters.css" media="all" />
      <link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
      <link rel="stylesheet" type="text/css" href="/css/aural.css" media="aural" />

   </head>
   
   <body>

      <div class="topic">
      
         <ul id="breadcrumbs" title="Breadcrumb trail for this page">
            <li><a href="/index.html">Home</a>
               <ul>
                  <li><a href="../index.html">CSS Filters</a>
                     <ul>
                        <li><a href="index.php">HTML-based Filters</a></li>
                     </ul>
                  </li>
               </ul>
            </li>
         </ul>
         
         <h1>Served as <code>application/xml</code> with <code class="xml">xml-stylesheet</code> PI</h1>
         
         <h2>Test of Filter</h2>
         <p id="testElement">This text will be green if the rule has been applied.</p>
         
         <h2>Code Syntax</h2>
         <pre><code class="html">
&lt;?xml-stylesheet href="styles.css" type="text/css" ?&gt;
         </code></pre>
         
         <h2>Browser Support / Behaviour</h2>
         
         <h3 class="browserAppliedYesHeader">Applied By</h3>
         <ul class="browserSupportList browserAppliedYes" title="Browsers that applied the CSS">
            <li>All Mozilla 0.9 - 1.6</li>
            <li>Win Opera 7.x</li>
            <li>OSX Safari 1.2</li>
         </ul>

         <h3 class="browserAppliedNoHeader">Not Applied By</h3>
         <ul class="browserSupportList browserAppliedNo" title="Browsers that didn't apply the CSS">
            <li>MSN for OSX</li>
         </ul>
         
         <h3 class="browserAppliedDestroyedHeader">Destroyed</h3>
         <ul class="browserSupportList browserAppliedDestroyed" title="Browsers that destroy the rule in some way">
            <li>All Mozilla 0.6
               <p id="AllMoz06">Nothing is rendered on the screen.</p>
            </li>
            <li>Win IE 4.0 - 6.x
               <p id="WinIE">The document is rendered as if the HTML were not recognized.</p>
            </li>
            <li>OSX IE 5.x
               <p id="OSXIE5">Browser crashes.</p>
            </li>
            <li>Mac IE 5.x
               <p id="MacIE5x">The document is rendered as if the HTML were not recognized.</p>
            </li>
            <li>Mac IE 4.5
               <p id="MacIE45">A dialog asking what to do with <code>application/xhtml+xml</code> files appears.</p>
            </li>
            <li>All NS 4.x
               <p id="NS40">A dialog asking what to do with <code>application/xhtml+xml</code> files appears.</p>
            </li>
            <li>Win Opera 6.x
               <p id="WinOp60">The document is rendered as HTML but none of the external CSS is applied regardless of the mechanism used to point to the <code>.css</code> files.</p>
            </li>
            <li>Win Opera 3.5 - 5.x
               <p id="WinOp35">The document source code is shown.</p>
            </li>
            <li>Mac Opera 6.x
               <p id="MacOp60">The document is rendered as HTML but only the external CSS linked using the XML PI is applied and other external CSS is ignored.</p>
            </li>
            <li>Mac Opera 5.x
               <p id="MacOp35">All CSS is ignored.</p>
            </li>
            <li>OSX Safari 1.0 - 1.1
               <p id="OSXSa">Nothing is rendered on the screen.</p>
            </li>
            <li>Konqueror 2.2
               <p id="Ko">A dialog asking what to do with <code>application/xml</code> files appears.</p>
            </li>
         </ul>

         <h3 class="browserAppliedUnknownHeader">Unknown</h3>
         <ul class="browserSupportList browserAppliedUnknown" title="Browsers not tested">
            <li>Mac IE 4.0</li>
            <li>Mac NS 4.0 - 4.04</li>
            <li>OSX iCab 2.x</li>
            <li>OSX OmniWeb 4.0 - 4.2</li>
            <li>Konqueror</li>
         </ul>

         <h2>Special Notes</h2>
         <p>Browsers that don't understand the <code>application/xhtml+xml</code> mimetype can be sent the document as <code>text/html</code> instead.  This avoids the problems encountered when those browsers try to deal with a mimetype they don't recognize.  All browsers tested ignored any <code class="xml">xml-stylesheet</code> PIs when the document is sent with a non-xml mimetype.  However, it is best not to include XML PIs if the document is not sent as an xml application because any code encountered before the <code>&lt;!DOCTYPE&gt;</code> will cause IE6 to use quirks mode to render the document.  Also, including a XML PI in an HTML document isn't valid.</p>
      
      </div>
      
      <div class="globalMetaContent">

         <ul id="categoryNavigation" class="navigationList" title="Links to more content available on this site">
            <li><a href="/index.html" accesskey="1"><img src="/img/logo.png" alt="Dithered.com" title="Home" /></a></li>
            <li><a href="/javascript/index.html">Javascript Library</a></li>
            <li class="currentSection"><a href="/css_filters/index.html">CSS Filters</a></li>
            <li><a href="/attic/index.html">The Attic</a></li>
         </ul>

         <ul id="metaNavigation" class="navigationList" title="Links to information about this site">
            <li><a href="/meta/index.html">About</a></li>
            <li><a href="/meta/contact.php" accesskey="9">Contact</a></li>
            <li><a href="https://www.paypal.com/xclick/business=chris%40dithered.com&amp;no_shipping=1&amp;item_name=dithered+tip+jar&amp;return=http%3A//www.dithered.com/meta/tip_thanks.html&amp;cancel_return=http%3A//www.dithered.com/&amp;no_note=1&amp;tax=0&amp;currency_code=USD">Tip Jar</a></li>
            <li><a id="searchLink" href="/meta/search.html">Search</a></li>
         </ul>

      </div>

   </body>   
</html>

