Discussion :

[gui80]

Bonjour à tous,

je remarque des différences d'interprétation de l'ui dialog de jquery entre IE et Firefox.

Sur firefox, le dialog s'adapte bien au contenu.
Alors que sur ie, il prend toute la largeur alors que la barre de titre ne prend pas du tout la même largeur que le dialog.

Le contenu du dialog est injecté en cours d'utilisation et contient un tableau HTML.

Avez-vous déjà constaté ce problème ?
Quelle solution utilisez-vous pour pallier à cela ?

[gui80]

Bonjour,

en fait le tableau avait une largeur width:100%.
Donc sur IE, il prenait toute la place.
Par contre, 2 nouveaux problèmes apparaissaient :
la barre de titre qui ne prend pas la largeur du dialog + barre de scroll qui apparaît.

Solution appliquée : redimensionner le parent du dialog, son width+1
Explications :
- redimensionner après ouverture fait que la barre de titre prend la largeur du dialog
- le redimensionnement incrémenté de 1 fait disparaitre la barre de scroll

Etant donné le redimensionnement, on replace le dialog pour ne pas qu'il déborde de la page (le left du parent du dialog est décrémenté de 1).

Si il manque des explications, n'hésitez pas à m'en faire part.

[gui80]

Bonjour à tous,

je poursuis ce fil, car les aventures de l'ui dialog ne sont pas finis.

J'ai dû passer les ui en dernière version pour qu'il fonctionne "correctement" avec mon jquery.

A présent, tout fonctionne toujours avec IE, quant à Firefox à la 1ère ouverture, toute la largeur de la page est prise alors que j'ai mis dans le constructeur du dialog, "width:auto".
Dès que l'on veut la réduire la largeur avec la souris, elle prend la bonne taille immédiatement.

Épatant non ?
J'aimerai éviter de devoir cette opération idiote à l'utilisateur.

Y auriez-vous une idée ?

Si je n'ai pas bien expliqué les choses, dîtes le moi.