Affichage javascript en dehors de mon div

Version imprimable

Bonjour,

J'explique ma situation :

j'ai deux div comme suit :
Code:

1 2 3 4 5 6 7 8 9 10 <div id="A" style="border:1px solid #000000;"> <input type="checkbox"> <div id="B" style="display:none;"> </div> </div> <script type="text/javascript"> // code pour affiche le div B lorsque la checkbox est coché </script>
Mon problème est que lorsque je coche ma checkbox, mon div B apparait mais en dehors de la bordure du div A, alors que B est bel et bien dans A...

Une solution?
Merci d'avance!

06/04/2009, 12h09
jsd03

Bonjour,

tu as dû faire une erreur dans ton javascript. Mais comme tu n'as pas mis ta fonction c'est pas évidant de t'aider...

J'ai modifié ma façon de faire...

mais en gros voici le code approximatif (ayant fait les modif, je n'ai pas le code exact) :
Code:

1 2 3 4 5 6 7 8 9 if ( document.getElementById("checkbox").checked ) { document.getElementById("B").style="block"; } else { document.getElementById("B").style="none"; }

Salut,

Code:

1
2
3
4
5
6
7
8
if ( document.getElementById("checkbox").checked )
{
document.getElementById("B").style.display="block";
}
else
{
document.getElementById("B").style.display="none";
}

06/04/2009, 13h16
gazelle

Oui, c'est ce que j'avais mis...
J'ai omis de le mettre dans le code... (le code était approximatif...)

Je précise que mon div s'affichait bien correctement, c'est juste qu'il était en dehors de mon div A auquel j'avais affiché une bordure... (sans le display, je pense que mon div B ne se serait pas affiché du tout)

Le div B était bien à l'intérieur du div A, mais était en dehors de la bordure du premier div...

[EDIT] : testez par vous même en écrivant juste 2 ligne, vous verrez que tout marche, mais que le div dépasse au niveau de la bordure... Plutôt étrange, mais je pense que c'est une chose que le CSS ne gère tout simplement pas...
06/04/2009, 13h39
Macmillenium

Citation:

Envoyé par gazelle

[EDIT] : testez par vous même en écrivant juste 2 ligne, vous verrez que tout marche, mais que le div dépasse au niveau de la bordure... Plutôt étrange, mais je pense que c'est une chose que le CSS ne gère tout simplement pas...

On ne peut pas tester sans la totalité de ton XHTML/CSS ou une page en ligne.
06/04/2009, 14h25
gazelle

Inutile, j'ai résolu le problème seule en employant une autre solution...

Merci tout de même!