option d'un select mal positionnée
Publié : 27 mars 2015, 21:10
Bonjour,
j'ai un souci spécifique à Mozilla (et Safari) mais qui n'existe pas avec google chrome, IE ou Opéra (pour chacun de ces navigateurs, je parle des dernières versions pour ordinateur).
J'ai sur une page 2 listes déroulantes cote à cote. J'ai certaines lignes de ces listes qui sont très longues, ce qui fait que je modifie la largeur du select (avec un simple width) de manière à ce que les 2 selects tiennent dans la largeur du navigateur sans avoir d'ascenseur.
Quand on clique sur la liste de gauche, aucun problème : la liste qui apparait est plus large que la case du select, mais elle s'élargit sur la droite donc vers le centre du navigateur et toutes les lignes sont visibles entièrement.
Quand on clique sur la liste de droite, la liste est également plus large, mais sur Opera et google chrome la liste s'élargit cette fois-ci sur la gauche, donc là encore vers le centre du navigateur, et tout est lisible. Sur IE, c'est encore mieux, la liste s'élargit à droite et à gauche, à droite cela sort du navigateur mais cela s'arrête au bord de l'écran du PC et comme la liste ne serait pas assez large elle déborde aussi à gauche : je ne sais pas comment ils font cela mais c'est assez impressionnant.
Sur Firefox et Safari, cela ne marche pas du tout : la liste s'élargit sur la droite et sort de l'écran ! Comme ma liste en plus contient beaucoup d'éléments, il y a normalement un ascenseur sur le côté droit, mais il est en dehors de l'écran donc totalement inaccessible. Pour voir la liste correctement, il faut que l'utilisateur soit raccourcisse soit déplace la fenêtre Firefox, ce qui est évidemment ridicule.
Je voulais savoir s'il y avait une propriété pour que, lorsqu'on clique sur la case d'un select, on se retrouve avec la liste qui déborde sur la gauche de la case du select, comme le fait "naturellement" opera et google chrome.
Merci de votre aide.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.89 Safari/537.36 OPR/28.0.1750.48
j'ai un souci spécifique à Mozilla (et Safari) mais qui n'existe pas avec google chrome, IE ou Opéra (pour chacun de ces navigateurs, je parle des dernières versions pour ordinateur).
J'ai sur une page 2 listes déroulantes cote à cote. J'ai certaines lignes de ces listes qui sont très longues, ce qui fait que je modifie la largeur du select (avec un simple width) de manière à ce que les 2 selects tiennent dans la largeur du navigateur sans avoir d'ascenseur.
Quand on clique sur la liste de gauche, aucun problème : la liste qui apparait est plus large que la case du select, mais elle s'élargit sur la droite donc vers le centre du navigateur et toutes les lignes sont visibles entièrement.
Quand on clique sur la liste de droite, la liste est également plus large, mais sur Opera et google chrome la liste s'élargit cette fois-ci sur la gauche, donc là encore vers le centre du navigateur, et tout est lisible. Sur IE, c'est encore mieux, la liste s'élargit à droite et à gauche, à droite cela sort du navigateur mais cela s'arrête au bord de l'écran du PC et comme la liste ne serait pas assez large elle déborde aussi à gauche : je ne sais pas comment ils font cela mais c'est assez impressionnant.
Sur Firefox et Safari, cela ne marche pas du tout : la liste s'élargit sur la droite et sort de l'écran ! Comme ma liste en plus contient beaucoup d'éléments, il y a normalement un ascenseur sur le côté droit, mais il est en dehors de l'écran donc totalement inaccessible. Pour voir la liste correctement, il faut que l'utilisateur soit raccourcisse soit déplace la fenêtre Firefox, ce qui est évidemment ridicule.
Je voulais savoir s'il y avait une propriété pour que, lorsqu'on clique sur la case d'un select, on se retrouve avec la liste qui déborde sur la gauche de la case du select, comme le fait "naturellement" opera et google chrome.
Merci de votre aide.
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.89 Safari/537.36 OPR/28.0.1750.48