fonction qui modifie le margin-left
Bonsoir à tous
J'ai créé un petit site basé sur un menu latéral gauche défini comme suit:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| #menu_container{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 200px;
float: left;
text-align: left;
padding-top: 0px;
}
#page_container{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
float: none;
text-align: left;
margin-left:200px;
} |
Le reste d ela page est donc décalé de 200px vers la droite via un margin-left à 200px;
Seulement, je voudrais avoir la possibilité de fermer le menu et donc le masque. Ca j'arrive via une document.getElementById('menu_container').style.visibility = 'hidden';
Seulement j'aimerai pouvoir augmenter la taille de cadre principal sinon, cela ne présente aucun intérêt!
Voici la fonction que j'ai écrite:
Code:
1
2
3
4
5
| function fermer_menu()
{
document.getElementById('menu_container').style.visibility = 'hidden';
document.getElementById('page_container').style.margin-left = '10px';
} |
Il exécute bien le masquage du menu, mais le margin ne bouge pas...
Est ce que je fais quelque chose de mal ?
Comment procéder?
D'avance merci pour votre aide !
