Div invisible -> un vide dans mon form

**rad_hass** · 19/09/2008, 10h26

Bonjour,

Dans mon formulaire j'ai un RadioButton (avec 2 items), selon le choix qu'on fait un petit formulaire s'affiche (dans le même formulaire).

Ce que je fais c'est rendre visible le bloc sélectionné et invisible le bloc non sélectionné (à l'aide d'une petite fonction Javascript).

Petit problème de rendu, c'est que le bloc invisible prend quand même de la place dans le formulaire. Je voudrais que ce bloc soit non seulement invisible mais qu'il n y est pas de trou dans mon formulaire.

Si quelqu'un connaitrai une petite astuce pour contourner mon problème, je lui en serai reconnaissant.

Merci d'avance

**flogreg** · 19/09/2008, 10h39

en asp : visible = false;
en css : display:none;

Je pense que ca pourrait marcher.

**fix105** · 19/09/2008, 10h40

y a une taille de définie ?
Quelles sont les contrôles contenus dans le Div ?

**oyigit** · 19/09/2008, 11h27

c'est du style qu'il faut appliquer.

Pour que le div ne soit pas visible et ne prenne pas de place :

visibility:hidden;
display:none;

pour qu'il soit visible;

visibility:visible;
display:display;

**rad_hass** · 19/09/2008, 11h31

Envoyé par flogreg

en asp : visible = false;
en css : display:none;

Je pense que ca pourrait marcher.

C'est pas le rendre invisible qui pose problème, mais plutôt la place qu'il prend quand il est invisible ...

**Louis-Guillaume Morand** · 19/09/2008, 11h32

Envoyé par oyigit

c'est du style qu'il faut appliquer.

Pour que le div ne soit pas visible et ne prenne pas de place :

visibility:hidden;
display:none;

pour qu'il soit visible;

visibility:visible;
display:display;

oui mais non

on choisit OU l'un OU l'autre, c'est absurde de prendre les deux puisque les deux ne font pas pareil.
visibility le cache mais laisse l'espace utilisé tandis que display cache totalement comme s'il n'était pas là.

note: le "visible" du .Net ne marche pas pareil car il ne créé pas du tout le div si visible= false;

en javascript,pour ton soucis, tu dois utiliser

Code :

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