Discussion :

[gazelle]

Bonjour,

J'explique ma situation :

j'ai deux div comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

[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...

[gazelle]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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";
}

[andry.aime]

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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";
}

[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...

[Macmillenium]

[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.

[gazelle]

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

Merci tout de même!