hauteur d'un calque sur Firefox

[XenonDelee]

Bonjour à tous,

Je me casse les dents depuis ce matin sur le problème suivant :

je place un tableau dans un calque.

Le tableau a la propriété "display : none" ( il n'est pas affiché )

puis je crée 2 fonctions javascript pour afficher/masquer le tableau

Code: Tout sélectionner

function ouvrir(){
document.getElementById('monTab').style.display='block';
document.getElementById('Layer1').style.height='Auto';
}

function fermer(){
document.getElementById('monTab').style.display='none';
document.getElementById('Layer1').style.height='Auto';
}

le tableau s'appelle 'monTab' et le calque 'Layer1'

Or voici le mystère :

- quand la fonction fermer est cliquée, le tableau se masque mais la hauteur de la div reste inchnagée ...

- quand on click de nouveau sur la fonction ouvrir le tableau s'ffiche plus bas dans la div et la hauteur de la div est de plus en plus grande à chaque fois que l'on clique sur ouvrir() !!!

Je ne comprends pas !!! c'est comme si la valeur 'Auto' ne diminuait jamais mais au contraire s'incrémente à chauqe fois !!

Qulequ'un pourrait-il me sortir de cette galère ????

D'avance MERCI

ps: le problème se passe sur Mozilla Firefox, pour IE aucun problème ...

[bproductiv]

pourquoi ne pas mettre le height à 0 sur fermer() ?
ou tout faire disparaitre mm.
Un page test??

[XenonDelee]

Ouf j'ai trouvé !

En fait le problème ne venait pas de là mais du fait que j'avais mis le display sur le <TR> au lieu de le mettre sur le <TABLE> !

En tout cas, merci de la réponse ça m'a remis en selle

A+