Annotation of 2002/css-validator/BUGS.html, revision 1.4

1.2       plehegar    1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      2:    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                      3: <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
1.1       plehegar    4:   <head>
                      5:     <title>CSS Validator Project</title>
                      6: 
1.2       plehegar    7:     <link href="style/page.css" type="text/css" rel="STYLESHEET" />
                      8:     <meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
                      9:     <link rel="stylesheet" title="default" media="screen"
                     10:       href="style/general.css" type="text/css" /> 
                     11:   </head>
1.1       plehegar   12:   <body>
1.2       plehegar   13:     <a class="left" href="http://www.w3.org"><img
                     14:         src="http://www.w3.org/Icons/w3c_home" border="0" alt="w3c" width="72"
                     15:         height="48" /></a>
                     16:     <a class="right" href="http://www.w3.org/Jigsaw/"><img
                     17:           src="http://jigsaw.w3.org/Icons/jigpower" alt="Jigsaw Powered"
                     18:           border="0" width="94" height="52" /></a>
                     19:     <br />
1.1       plehegar   20: 
                     21:     <div class="t1">CSS</div>
                     22:     <div class="t2">Validator</div>
                     23: 
                     24:     <h1 class="center">CSS Validator version 1.0 : bugs list</h1>
                     25:     
                     26:     <ol>
                     27:       <li>
                     28:        <pre>
                     29:  H1 { 
                     30:   elevation: 50rad; 
                     31:  }
                     32:        </pre>
                     33:        <p>
                     34:          Here I have an error and a bug.
                     35:        </p>
                     36:        <p>
                     37:          In first, angle are always convert in degree, and in this case, it
                     38:          should be not. In second, the validator said 50rad == 50deg, so this
                     39:          is a big bug.
                     40:        </p>
                     41:       </li>
                     42:     </ol>
                     43:     
                     44:     <h1 class="center">CSS Validator version 2.0 : bugs list</h1>
                     45:     <ol>
                     46:       <li>
1.2       plehegar   47:        <p>slash is required after hostnames:
                     48:          <code>http://www.w3.org/</code> instead of
                     49:          <code>http://www.w3.org</code>
                     50:        </p>
                     51:        <p>
                     52:          See <a
                     53:          href='http://lists.w3.org/Archives/Public/www-validator-css/2002Feb/0016.html'>message</a>.
                     54:        </p>
                     55:       </li>
                     56:       <li>
                     57:        <pre>a {
1.1       plehegar   58:    text-align: "$";
1.2       plehegar   59: }</pre>
1.1       plehegar   60:        <p>
                     61:          The validator doesn't say "only for block-level elements". The bug
                     62:          comes from me. I know where it is but don't have time to find a
                     63:          solution.
                     64:        </p>
                     65:       </li>
                     66:       <li>
                     67:        <p>
1.2       plehegar   68:          "application/xml+html" not supported.
                     69:        </p>
                     70:       </li>
                     71:       <li>
                     72:        <p>
1.3       plehegar   73:          "iso-8859-15" not supported.
1.2       plehegar   74:        </p>
                     75:       </li>
                     76:       <li>
                     77:        <p>
                     78:          XHTML user agents are required to remove comments from XHTML documents
                     79:  before further processing, hence e.g.
                     80:        </p>
                     81:        <pre>&lt;style type="text/css">&lt;!--
                     82:      body { volume: 100% }
                     83: -->&lt;/style></pre>
                     84:        <p>
                     85:          is to be ignored by those user agents. The CSS Validator
                     86:          should give a strong warning when encountering this and ignore
                     87:          the rules inside such comments.
                     88:        </p>
                     89:       </li>
                     90:       <li>
                     91:        <p>
                     92:          The CSS validator will not acknowledge CSS loaded via a
                     93:          <code>&lt;link></code> which does not explicitly declare
                     94:          `type="text/css"', even when the server correctly serves the
                     95:          stylesheet as text/css.
                     96:        </p>
                     97:       </li>
                     98:     <li>
                     99:        <p>
                    100:          I have just discovered that this CSS rule, with two semicolons,
                    101:          did not generate a warning...
                    102:        </p>
                    103:        <pre>h1 { margin-left: 2%; ; }</pre>
                    104:       </li>
                    105:     <li>
                    106:        <p>
                    107:          I have found something, maybe already known, The HTML
                    108:          validator and the CSS validator can't detect this file is
                    109:          wrong :
                    110:        </p>
                    111:        <p>
                    112:          <a href='http://www.la-grange.net/2002/04/03-styleatt-wo-meta'>http://www.la-grange.net/2002/04/03-styleatt-wo-meta</a>
                    113:        </p>
                    114:        <p>
                    115:          This file has a style attribute <code>style="color: green;
                    116:          border: solid red;"</code> but no metaname specifying the
                    117:          default stylesheet language. So by definition, the file is not
                    118:          a valid one :
                    119:        </p>
                    120:        <p>
                    121:          HTML 4.01 says in the chapter "Style Sheets in HTML documents
                    122:          (14.2.1)":
                    123:        </p>
                    124:        <blockquote cite='http://www.w3.org/TR/1999/REC-html401-19991224/present/styles.html#h-14.2.1'>
                    125:          <p>
                    126:            "Documents that include elements that set the style
                    127:            attribute but which don't define a default style sheet
                    128:            language are incorrect."
                    129:          </p>
                    130:        </blockquote>
                    131:        <p>
                    132:          2002-04-03 The HTML validator says the file is valid.
                    133:        </p>
                    134:        <p>
                    135:          2002-04-03 The CSS validator does not find any style and says
                    136:          there are no errors.
                    137:        </p>
                    138:       </li>
                    139:       <li>
                    140:        <p>
                    141:          some problem with the validator for profile = mobile:
                    142:          attributes can not be used with mobile profile
                    143:        </p>
                    144:        <pre>body {
                    145:   margin-top: 0.5em;
                    146:   margin-bottom: 0.5em;
                    147:   margin-left: 0.5em;
                    148:   margin-right: 2em;
                    149:   font-family: verdana;
                    150:   background-color: green;
                    151:   color: red;
                    152: }
                    153: 
                    154: .s1 {
                    155:    width: 10em;
                    156:    background-color: red;
                    157: }
                    158: 
                    159: .s2 {
                    160:    width: 20em;
                    161: }
                    162: 
                    163: .smalltext {
                    164:    font-size: 0.75em;
                    165: }</pre>
                    166:       </li>
                    167:       <li>
                    168:        <p>
                    169:          While I was using the very useful CSS validator, I noticed
                    170:          something strange, perhaps a little bug...
                    171:        </p>
                    172:        <p> 
                    173:          With the following style definition :
                    174:        </p>
                    175: <pre>BODY {
                    176:    background-position: center 90%;
                    177:  }</pre>
                    178:        <p>
                    179:          I would say that this definition is wrong because I should not
                    180:          mix "center" and a percentage.
                    181:        </p>
                    182:        <p>
                    183:          But the fact is that no error or warning is reported, and
                    184:          this is the result of the validator :
                    185:        </p>
                    186: <pre>BODY {
                    187:       background-position : null null;
                    188: }</pre>
                    189:       </li>
                    190:       <li>
                    191:        <p>Problem with <a href='http://lists.w3.org/Archives/Public/www-validator-css/2002Mar/0031.html'>PHP</a>?
                    192:        </p>
                    193:       </li>
                    194:       <li>
                    195:        <p>
                    196:          According to the element index, "transparent" as well as
                    197:          "inherit" are legitimate colors for border-color.  The CSS
                    198:          parser gripes about it however. See <a
                    199:          href='http://lists.w3.org/Archives/Public/www-validator-css/2002Mar/att-0024/00-part'>message</a>.
1.1       plehegar  200:        </p>
1.2       plehegar  201:       </li>
1.1       plehegar  202:     </ol>
                    203: 
                    204:     <hr class="large">
                    205:     <img src="images/mwcss.gif" alt="made with CSS">
                    206:     <address class="right"><a href="mailto:Philippe.Le_Hegaret@sophia.inria.fr">
                    207:        Philippe Le H&eacute;garet</a></address>
                    208:   </body>
                    209: </html>

Webmaster