Largeur de cellule dans un tableau

Bonjour, je dispose du code suivant

Code:

---

1 2 3 4

if ((document.getElementById('formfield1').options[document.getElementById('formfield1').selectedIndex].text) == 'Profil simple') { document.getElementById('id_fin_de_validite').style.display='block';   }

---

formfield1 est l'id d'un champ select qui agit donc sur la table en la faisant apparait ou disparaitre

Code:

---

1 2 3 4 5

<table id='id_fin_de_validite' width='100%' style='background-color:#e2e2e2;'> <tr style='background-color:#ff0000;' height='20px'> <td>a</td> </tr> </table>

---

Je voudrais faire en sorte que la cellule de ma table prenne toute la largeur de cette dernière. Lorsque j'enlève l'id de la table, la largeur de la cellule est bien de 100% mais lorsqu'il est la, la cellule s'arrete au contenu.

Ceci se produit sous firefox. Avec Ie, avec ou sans l'id, la cellule fait bien 100%

Merci pour votre aide

Au lieu de

Code:

---

style.display='block'

---

essayes

Code:

---

style.display='inline-table'

---

Sinon, pour faire apparaitre et disparaitre ton élément, tu as aussi style.visibility (='visible' ou 'hidden').

Voila mon souci, il est tout bête. Je dispose d'un champ select. Initialement sous le champ il y a une cadre rouge de largeur 100% de la page. Lorsque je sélectionne le choix 2, le cadre rouge disparait bien mais lorsque je re sélectionne le Choix 1 le cadre rouge apparait mais la largeur est égale a son contenu alors que je voudrais qu'elle soit toujours a 100%.

Ceci se produit sous FIREFOX et je ne sais pas pourquoi..
Merci pour votre aide

Code:

---

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

<TABLE width='100%' cellspacing='5'> <tr> <TD> <select id='change_profil' onChange= 'Change_Type_profil();'> <option>Choix 1</option> <option>Choix 2</option> <option>Choix 3</option> </select> </TD> </tr> </TABLE>     <TABLE width='100%' id='cadre_rouge'> <tr style='background-color:#ff0000;' height='20px'> <td>a</td> </tr> </TABLE>

---

Code:

---

1 2 3 4 5 6

function Change_Type_profil() { if ((document.getElementById('change_profil').options[document.getElementById('change_profil').selectedIndex].text) == 'Choix 1') document.getElementById('cadre_rouge').style.display='block'; else document.getElementById('cadre_rouge').style.display='none'; }

---