<td> qui change de taille en ajax

Salut à tous !

J'ai un table du type :
<table>
   <tbody>
      <tr><td></td><td></td></tr>
   </tbody>
</table>

En ajax, je rajoute des <tr><td></td><td></td></tr>
et à la fin je rajoute un <tr><td colspan='2'></td></tr>

Avec un innerHTML, je veux rajouter du texte dans mon 'td colspan'.
Si le texte est plus petit que la largeur de ma table, c'est ok.
S'il est plus long, il y a saut de ligne, mais tous mes <td></td><td></td> changent de taille. (le td de droite devient plus grand)

Quelqu'un a une idée du pourquoi ?

Merci d'avance !!

---

l_ow^ke<sub>y

Quand on se fait chier, on clique ici</sub>

Faudrait voir ton code. Sinon la seule chose que je peux de dire c'est de te méfier du innerHTML. À chaque modification que tu fais avec le innerHTML, le code est interprété et modifié.

Exemple :
obj.innerHTML = "<table><tr><td>Contenu</td>";
obj.innerHTML += "<td>Contenu 2</td></tr></table>";

obj.innerHTML est égale à ceci après :
<table><tbody><tr><td></td></tr></tbody></table><table><tbody><tr><td>Contenu</td></tr></tbody></table><td>Contenu 2</td></tr></table>

Les deux éléments sont dans 2 tableaux différents puisque le code a été interprété après chaque modification. Si tu veux évité se problème mets ton code dans une variable et après utilise le innerHTML.

Whaw ! C'est énorme ce que tu me dis Arto, c'est très bon à savoir, mais mon table est crée avec des createElement()

En html avant le js :

<table>
   <tbody id='tb'>
      <tr><td>coucou</td><td>recoucou</td></tr>
   </tbody>
</table>

Mon code js :

       r = document.createElement('tr');
       r.setAttribute('id', 'com');
       r.setAttribute('height', '73');
       dd = document.createElement('td');
       dd.setAttribute('colSpan', '2');
       dd.setAttribute('id', 'commme');
       document.getElementById('tb').appendChild(r); //tb est l'id de mon <tbody>
       document.getElementById('com').appendChild(dd);
       dd.setAttribute('background', 'img/outils_devis/cadrepresta.png');
       dd.style.backgroundRepeat='no-repeat';
       dd.style.textAlign='justify';
       dd.style.fontSize='10px';
       dd.style.paddingLeft='13px';
       dd.style.paddingRight='17px';
       dd.style.paddingTop='13px';
       dd.style.verticalAlign='top';
      document.getElementById('commme').innerHTML='Ceci est un commentaire blabla bla bla';

Je t'ai laissé les mises en formes au cas où.

---

l_ow^ke<sub>y

Quand on se fait chier, on clique ici</sub>

Personne n'a une idée ?

---

l_ow^ke<sub>y

Quand on se fait chier, on clique ici</sub>