Discussion :

[Nico1131]

Bonjour,




Mon problème comme vous pouvez le voir sur les screen est le positionnement de ma liste.
En gros pour résumé, je souhaiterai que lorsque j'affiche ma liste (qui est une div avec des ul li etc) que ce soit avec la fenêtre en plein écran ou minimisé ou autre, qu'elle reste bien positionné.

Dans le screen pasOk j'ai du mettre un "left:121px;" pour que la liste soit bien juste en dessous de "l'input".
Vu que je suis pas sensé partagé le code du boulot j'ai fait un exemple pour vous montrer en gros la structure.
http://jsfiddle.net/qkzm5/2/

Je suis clairement nul en css c'est pour cela que je demande de l'aide (après avoir fait quelques recherches quand même)
Sa se trouve c'est un truc tout bête ^^

Mais je vous remercie déjà d'avance pour vos réponse

[isiodith]

Bonjour,

Il y a surement d'autre méthode mais a tu essayer de déplacer avec un left : XX % au lieu de déplacer en pixel.

ainsi le déplacement se fera en fonction d'une taille d'écran et non pas en fonction d'une valeurs définit.

[rodolphebrd]

Bonjour,

Et en ajoutant cela :

Code :

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

1
2
3
4
.containerElCombo{   
   margin: 0;
   padding: 0;
}

[Nico1131]

J'ai mis le padding et margin à 0 et utilisé le % à la place des px.
Et dans mon programme j'avais mis le .containerElCombo en position absolute, du coup je l'ai enlevé, mais sa marche à moitié.
La liste reste bien sous l'input text en dessous sauf que la elle déplace en même temps tout les autres éléments autour.

[isiodith]

si j'ai bien compris le soucis quand tu fait apparaître une des <ul> sa décale les élément du dessous ainsi que l'input situé à coté (dans le cas de l'exemple) ?

si le problème est bien ça essaye de définir une hauteur fixe sur le <TD> afin d'éviter le déplacement lors de l’apparition de l'<ul> et une largeur fixe également (en priviligiant le % au pixel dans le cas de la largeur afin d'éviter le problème précédant ) se qui normalement devrait arrêter le déplacement.

ton code exemple avec une largeur sur le TD : http://jsfiddle.net/QuCx9/2/

[Nico1131]

Merci pour ta réponse isiodith.
Je viens d'essayé vite fait et ça a l'air de bien marché
Sauf que la j'ai fini le boulot donc je t'en dirai plus lundi