problèmes d'aspects avec Firefox

Bonjour,
J'utilise Eclipse 4.3 (Kepler) avec le Google-plugin pour construire une application GWT.

J'utilise le méchanisme des LayoutPanel. Tout ce passe très bien avec chrome et safari.

Par contre, sur firefox : Les panneaux ne sont pas bien dimensionnés, et surtout : dans le canvas, avec firefox, toutes les couleurs apparaissent en noir !

Voici un code court dans lequel cette erreur apparait : je pose une ListBox sur le RootLayoutPanel. Elle n'occupe pas 50 % de la largeur comme prévu.
Par contre elle occupe 100% le la hauteur, alors qu'au contraire, avec l'option (muti-selection=false), elle ne devrait faire qu'une seule ligne.

Merci pour votre aide.
Vincent

Code:

---

1 2 3 4 5 6 7 8

public void onModuleLoad(){ ListBox list= new ListBox(false); RootLayoutPanel.get().add(list); RootLayoutPanel.get().setWidgetLeftWidth(list,0,Unit.PCT,50,Unit.PCT); for (int i=0;i<100;i++){ list.addItem("item "+i); } }

---

Quelle version de firefox as-tu ? et as-tu bien créé une permutation pour cette version?

J'utilise Firefox 23.0.1

J'ai trouvé mon erreur : elle est en deux parties :
Premièrement pour la largeur :
Quand on utilise des LayoutPanel, pour firefox (uniquement), il faut préciser que la widget que l'on pose occupe 100 % du container père. Le petit code suivant illustre ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

LayoutPanel theRoot= RootLayoutPanel.get(); LayoutPanel east = new LayoutPanel(); ListBox list= new ListBox(true);   // hiérarchie theRoot.add(east); east.add(list);   //tailles : theRoot.setWidgetLeftWidth(east, 50, Unit.PCT, 50, Unit.PCT);   // par défaut, quand on précise pas de taille, le fils occupe 100% de son père. // Par exemple, la ligne suivante est inutile (chez chrome, safari et FireFox) //east.setWidgetLeftRight(list, 0, Unit.PCT, 0, Unit.PCT);   // Par contre, pour Firexfox, il faut rajouter cette ligne, inutile chez les autres list.getElement().getStyle().setWidth(100, Unit.PCT);   // C'est d'autant plus étrange, setHeight n'est pas nécessaire.   // ajoutons du contenu à la liste list.addItem("toto");

---

Deuxièmement. Quand on crée une ListBox(false) cad que l'on n'autorise pas
la multi-sélection, par défaut, avec Chrome et Safari, la hauteur de cette Liste est de 1 caractère.
Avec Firefox, par défaut, la liste occupe toute la hauteur du container.

Pour le coup, je trouve Firefox pas du tout logique (sauf si il y a encore un truc que je n'ai pas pigé...)

Vincent

Pour mon erreur de couleur, elle vient du fait que j'avais oublié le # devant le numéro de couleur (méa culpa).

Sur ce coup, c'est chrome et safari qui sont trop coulant.