mise en page d'un tableau sous IE 7

bonjour,

j'ai un tableau dont certaines lignes sont dans la class "RowsEnb". ex:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr class="RowsEnb"> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> </tr>

---

voici mon css :

Code:

---

1 2 3 4 5

.RowsEnb td { color: rgb(160,160,160); background-color: rgb(245,245,245); }

---

ou

Code:

---

1 2 3 4 5

.RowsEnb { color: rgb(160,160,160); background-color: rgb(245,245,245); }

---

=> ça ne fait rien sous IE7 (par contre ça marche sous firefox) : que faire ?

Perso ton code me donne le même résultat sur IE6 ou 7 et FF, soit les cases de la deuxième ligne du tableau en gris avec l'écriture gris plus foncé ?

donc ça doit venir de ma modification des nom de class via javascript.

Pour griser une case (je rajoute la class "RowsEnb" à la ligne), je fais :

Code:

---

document.getElementById('tr0').setAttribute('class', 'RowsEnb');

---

le tableau doit etre construit comme ceci (un ID pour chaque ligne) :

Code:

---

1 2 3 4 5

<tr id="tr0"> <td>a</td> <td>b</td> <td>c</td> </tr>

---

sachant que mon code pour générer le tableau est :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

function CreateTab() { var tbody = document.createElement("tbody");   for(var i = 0 ; i<16 ; i++){ var tr = document.createElement('tr'); tr.setAttribute('id', 'tr' + i);   var td = document.createElement('td'); var text = document.createTextNode('toto'+i); td.appendChild(text); tr.appendChild(td);   tbody.appendChild(tr); }   document.getElementById('MonTableau').replaceChild(tbody, document.getElementById('MonTableau').getElementsByTagName('tbody')[0]); };

---

une idée ?

PS pour les admins : il faudrait peut être deplacer le post dans la section Javascript....

Salut,

Essaye comme ceci:

Code:

---

1 2	document.getElementById('tr0').className = 'RowsEnb';

---

merci ça marche ;)

pour info :

document.getElementById('tr0').setAttribute('class', 'RowsEnb');
=> ça marche que sous FireFox.

document.getElementById('tr0').setAttribute('className', 'RowsEnb');
=> ça marche que sous IE7.

document.getElementById('tr0').className = 'RowsEnb';
=> ça marche sur FireFox et IE7

=> ouah !!! c'est super logic :(