[javaEScript] Arbol DOM modificado y CSS

[Arnau Siches]

Hola,

Duda bastante básica creo:

---- Planteo ----

Estoy modificando un XHTML 1.0 Strict tipo:

[...]
    <table>

        <thead id="demo">
            <tr>
                <th rowspan="2"></th>
                <th colspan="6">CSS 2</th>
                <th colspan="4">CSS 3</th>
            </tr>
       </thead>
      <tbody> [...] </tbody>
   </table>
[...]

Añadiendole un elemento <col>:

    <table summary="Suport d'alguns selectors CSS 2 i CSS 3 pels navegadors
més comuns">
        <caption>Suport d'alguns selectors CSS 2 i CSS 3 pels navegadors més
comuns</caption>
        <col span="8">
        <thead id="demo">
            <tr>
                <th rowspan="2"></th>
                <th colspan="6">CSS 2</th>
                <th colspan="4">CSS 3</th>
            </tr>

Con la función:

function agregarCol() {
    var elementThead = document.getElementById("demo");
    var elementCol = document.createElement("col");

    elementCol.setAttribute("span","8");
    elementThead.parentNode.insertBefore(elementCol,elementThead);
}

Via CSS estoy aplicando un estilo al elemento <col> del tipo:

col {
    background: #ff6;
    font-weight: bold;
    }

---- El Problema ----

Cuando visualizo el HTML con Internet Explorer 6 no se aplica el estilo  de
<col>
En Firefox 1.5.0.1 (win) y Opera 9b2 (win) sí. (no dispongo de más
navegadores a mano ahora)

¿Alguien se ha encontrado con casos parecidos? ¿Alguna solución?

Gracias

--
arnau siches
css.artnau.com
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: 
/pipermail/javaescript-scriptia.net/attachments/20060224/67cd2b99/attachment.html
_______________________________________________
javaEScript mailing list
javaEScript@scriptia.net
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net