[CSS][Firefox] prob de display:block sur un TR

bonjour,

J'ai un tableau de 2 colonnes où certaines lignes TR invisibles peuvent être affichées ou cachée à volonté (via du JavaScript) via la propriété display du TR (none / block).

je constate un bug sous Mozilla Firefox 1.5.0.2 (mais pas sous IE6) :

la largeur de la cellule TD (colspan="2") du TR ne prend pas toute la largeur de la TABLE mais seulement celle de la premire colonne !!!

Est-ce un bog connu, ais-je mal positionné mes CSS ?

http://cyberzoide.developpez.com/misc/cssfirefox.jpg

Salut,

block n'est pas le comportement normal d'un <tr>. En javascript essaye d'utiliser une chaîne vide pour réafficher le <tr> :

Code:

---

document.getElementById("monTR").style.display = "";

---

Citation:

---

Envoyé par franculo_caoulene

Salut,

block n'est pas le comportement normal d'un <tr>. En javascript essaye d'utiliser une chaîne vide pour réafficher le <tr> :

Code:

---

document.getElementById("monTR").style.display = "";

---

---

oui ça marche, en revanche pour mes autres balises DIV, je suis obliger d'utilsier le block pour conserver les styles de type marge
je dois donc faire deux fonctions JS distinctes

hum... t'es sûr? Pour moi, mettre une chaîne vide c'est lui indiquer de prendre son comportement par défaut. Or les <div> sont bien de type bloc.

Citation:

---

hum... t'es sûr? Pour moi, mettre une chaîne vide c'est lui indiquer de prendre son comportement par défaut. Or les <div> sont bien de type bloc.

---

je pense aussi que si tu mets un display="" sur un div, tu ne devrais pas avoir de problème.

Citation:

---

je suis obliger d'utilsier le block pour conserver les styles de type marge je dois donc faire deux fonctions JS distinctes

---

Pas nécessairement, si le display="" est problèmatique tu peux faire un test :

Code:

---

1 2 3 4 5 6 7

var elmt = document.getElementById("monID"); if (elmt.nodeName=="DIV") elmt.style.display="block"; else elmt.style.display="";

---