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

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:        <pre>a {
1.1       plehegar   48:    text-align: "$";
1.2       plehegar   49: }</pre>
1.1       plehegar   50:        <p>
                     51:          The validator doesn't say "only for block-level elements". The bug
                     52:          comes from me. I know where it is but don't have time to find a
1.10      bjoern     53:          solution. (<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=758">Bug #758</a>)
1.1       plehegar   54:        </p>
                     55:       </li>
                     56:       <li>
                     57:        <p>
1.10      bjoern     58:          "iso-8859-15" not supported. (<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=180">Bug #180</a>)
1.2       plehegar   59:        </p>
                     60:       </li>
                     61:       <li>
                     62:        <p>
                     63:          XHTML user agents are required to remove comments from XHTML documents
                     64:  before further processing, hence e.g.
                     65:        </p>
                     66:        <pre>&lt;style type="text/css">&lt;!--
                     67:      body { volume: 100% }
                     68: -->&lt;/style></pre>
                     69:        <p>
                     70:          is to be ignored by those user agents. The CSS Validator
                     71:          should give a strong warning when encountering this and ignore
1.12    ! bjoern     72:          the rules inside such comments. (<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=761">Bug #761</a>)
1.2       plehegar   73:        </p>
                     74:       </li>
                     75:       <li>
                     76:        <p>
                     77:          The CSS validator will not acknowledge CSS loaded via a
                     78:          <code>&lt;link></code> which does not explicitly declare
                     79:          `type="text/css"', even when the server correctly serves the
1.10      bjoern     80:          stylesheet as text/css. (<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=759">Bug #759</a>)
1.2       plehegar   81:        </p>
                     82:       </li>
                     83:     <li>
                     84:        <p>
                     85:          I have just discovered that this CSS rule, with two semicolons,
                     86:          did not generate a warning...
                     87:        </p>
                     88:        <pre>h1 { margin-left: 2%; ; }</pre>
1.10      bjoern     89:         <p>(<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=760">Bug #760</a>)</p>
1.2       plehegar   90:       </li>
                     91:     <li>
                     92:        <p>
                     93:          I have found something, maybe already known, The HTML
                     94:          validator and the CSS validator can't detect this file is
                     95:          wrong :
                     96:        </p>
                     97:        <p>
                     98:          <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>
                     99:        </p>
                    100:        <p>
                    101:          This file has a style attribute <code>style="color: green;
                    102:          border: solid red;"</code> but no metaname specifying the
                    103:          default stylesheet language. So by definition, the file is not
                    104:          a valid one :
                    105:        </p>
                    106:        <p>
                    107:          HTML 4.01 says in the chapter "Style Sheets in HTML documents
                    108:          (14.2.1)":
                    109:        </p>
                    110:        <blockquote cite='http://www.w3.org/TR/1999/REC-html401-19991224/present/styles.html#h-14.2.1'>
                    111:          <p>
                    112:            "Documents that include elements that set the style
                    113:            attribute but which don't define a default style sheet
                    114:            language are incorrect."
                    115:          </p>
                    116:        </blockquote>
                    117:        <p>
                    118:          2002-04-03 The HTML validator says the file is valid.
                    119:        </p>
                    120:        <p>
                    121:          2002-04-03 The CSS validator does not find any style and says
                    122:          there are no errors.
                    123:        </p>
1.12    ! bjoern    124:          <p>(<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=762">Bug #762</a>)</p>
1.2       plehegar  125:       </li>
                    126:       <li>
                    127:        <p>
                    128:          some problem with the validator for profile = mobile:
                    129:          attributes can not be used with mobile profile
                    130:        </p>
                    131:        <pre>body {
                    132:   margin-top: 0.5em;
                    133:   margin-bottom: 0.5em;
                    134:   margin-left: 0.5em;
                    135:   margin-right: 2em;
                    136:   font-family: verdana;
                    137:   background-color: green;
                    138:   color: red;
                    139: }
                    140: 
                    141: .s1 {
                    142:    width: 10em;
                    143:    background-color: red;
                    144: }
                    145: 
                    146: .s2 {
                    147:    width: 20em;
                    148: }
                    149: 
                    150: .smalltext {
                    151:    font-size: 0.75em;
                    152: }</pre>
1.12    ! bjoern    153: <p>(<a href="http://www.w3.org/Bugs/Public/show_bug.cgi?id=763">Bug 763</a>)</p>
1.2       plehegar  154:       </li>
                    155:       <li>
                    156:        <p>
                    157:          While I was using the very useful CSS validator, I noticed
                    158:          something strange, perhaps a little bug...
                    159:        </p>
                    160:        <p> 
                    161:          With the following style definition :
                    162:        </p>
                    163: <pre>BODY {
                    164:    background-position: center 90%;
                    165:  }</pre>
                    166:        <p>
                    167:          I would say that this definition is wrong because I should not
                    168:          mix "center" and a percentage.
                    169:        </p>
                    170:        <p>
                    171:          But the fact is that no error or warning is reported, and
                    172:          this is the result of the validator :
                    173:        </p>
                    174: <pre>BODY {
                    175:       background-position : null null;
                    176: }</pre>
                    177:       </li>
                    178:       <li>
                    179:        <p>Problem with <a href='http://lists.w3.org/Archives/Public/www-validator-css/2002Mar/0031.html'>PHP</a>?
                    180:        </p>
                    181:       </li>
                    182:       <li>
                    183:        <p>
                    184:          According to the element index, "transparent" as well as
                    185:          "inherit" are legitimate colors for border-color.  The CSS
                    186:          parser gripes about it however. See <a
                    187:          href='http://lists.w3.org/Archives/Public/www-validator-css/2002Mar/att-0024/00-part'>message</a>.
1.1       plehegar  188:        </p>
1.2       plehegar  189:       </li>
1.7       plehegar  190: 
                    191:       
                    192:     <li>
                    193:        <p>
                    194:          Pretty printer removes attribute selector, i.e.  '#id[id] {
                    195:          position : fixed }' becomes '#id { position : fixed }' on
                    196:          output. (Reported by Bj&ouml;rn H&ouml;hrmann)
                    197:        </p>
                    198:       </li>
                    199:       <li>
                    200:        <p>
                    201:          Pretty printer fails to add quote marks for e.g.
                    202:          'elem[p="100"] { }', i.e. users get an invalid style sheet
                    203:          since all values but ident tokens must be quoted. (Reported by
                    204:          Philip Pawley)
                    205:        </p>
                    206:       </li>
                    207:     <li>
                    208:        <p>
                    209:          Alan J. Flavell argued, that the Validator should also
                    210:          complain 'background-color: transparent' as if
                    211:          background-color has been omitted, see <a
                    212:          href='http://lists.w3.org/Archives/Public/www-validator-css/2001Aug/0072.html'>message</a>
                    213:        </p>
                    214:       </li>
                    215:       <li>
                    216:        <p>
                    217:          The Validator passes the Accept-Language HTTP header to the
                    218:          server where the code to validate comes from. This conflicts
                    219:          sometimes with content negotiation facilities, i.e. you cannot
                    220:          validate pages written in languages you do not accept. I
                    221:          suggest adding '*' at the end of the list of accepted
                    222:          languages. (Reported by Bj&ouml;rn H&ouml;hrmann)
                    223:        </p>
                    224:       </li>
                    225:       <li>
                    226:        <p>
                    227:          It produces sometimes invalid XHTML, try to validate e.g.
1.11      bjoern    228:          <a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.sociables2.org%2FEvent%2Fevent_detail.asp%3Fid%3D476&amp;warning=1&amp;profile=css2'>test</a>
1.7       plehegar  229:          (Reported by Daniel Barclay)
                    230:        </p>
                    231:       </li>
                    232:       <li>
                    233:        <p>
                    234:          <a
                    235:             href='http://lists.w3.org/Archives/Public/www-validator-css/2001Sep/0008.html'>Karl's report</a>
                    236:        </p>
                    237:       </li>
1.1       plehegar  238:     </ol>
                    239: 
1.6       plehegar  240:     <hr class="large" />
                    241:     <a class="right" href="http://validator.w3.org/">
                    242:       <img src="http://www.w3.org/Icons/valid-xhtml10" 
                    243:        alt="Valid XHTML 1.0!"  border="0" width="88" height="31" /></a>
                    244:     <a class="right" href="http://jigsaw.w3.org/css-validator">
                    245:       <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" 
                    246:        alt="Valid CSS!" /></a>
                    247: 
1.5       plehegar  248:     <address><a
                    249:            href="Email.html">www-validator-css</a></address><br />
1.12    ! bjoern    250:        $Date: 2004/05/29 03:59:09 $
1.1       plehegar  251:   </body>
                    252: </html>

Webmaster