ajuster la taille d'une page
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:
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"; |
Code:
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"; |
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.
Merci
