Bonjour, j'ai trois div1,div2 et div3 dans ma page, div1 contient un menu gauche rétractable, div2 le contenu de la page et div3 des boutons. mon css alloue un height de 90% à div2 et 10% à div3. Lorsque j'ouvre mon menu rétractable ou je le ferme j'adapte les width de div2 et div3. Le problème se pose lorsqu'après avoir fermé mon menu j'ai un espace en dessous de ma page, mon div2 et div3 n'occupent plus toute la page comme lorsque la page à été chargée au départ, pourtant je ne modifie jamais leur height qui reste à 90% et 10%. voici le code
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 //largeur lorsque le menu gauche est ouvert document.getElementById("IdTabBouton").style.width=84+'%';//div3 document.getElementById("IdDivIm").style.width=84+'%';//div2 document.getElementById("IdTabBouton").style.left="210px"; document.getElementById("IdDivIm").style.left="210px";d'où vient-il qu'a la fin de ces actions la sommes des 2 height ne fasse plus 100% puisque toute ma page n'est plus couverte selon l'axe des y et un espace apparait en dessous de mon div3.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 //largeur lorsque le menu gauche est fermé document.getElementById("IdTabBouton").style.width=99+'%';//div3 document.getElementById("IdDivIm").style.width=99+'%'//div2 document.getElementById("IdTabBouton").style.left="30px"; document.getElementById("IdDivIm").style.left="30px";
Merci
Partager