Forums : Xul, Xbl, JS...

Bonjour, j'ai un souci avec l'affichage d'images... Voici mon code

<groupbox>
	<caption label="&card.gbox.label;" />
		<image src="LOB-001.jpg" />
		<tabbox>
		    <tabs>
		       <tab label="Carte" />
		       <tab label="Traduction" />
		       <tab label="Rulings" />
		       <tab label="Rééditions" />
		       <tab label="Tags" />
		    </tabs>
		    <tabpanels>
		       <label value="Card"/>
		       <label value="Trad"  />
		       <label value="Ruls"  />
		       <label value="Reprint"/>
		       <label value="Bourrin"/>
		    </tabpanels>
		</tabbox>
</groupbox>

L'image fait 200x294 à la base... Lorsque je ne mets que 2/3 Tabs, le Groupbox se câle sur la taille de l'image, et c'est bon quelque soit la manière dont on étire la fenêtre...

En revanche, à partir de 4/5 Tabs, les Tabs dépassent en largeur la taille de l'image... et du coup, l'image s'étire en largeur et ne respecte plus son ratio, comme si j'avais mis du flex quelque part, ce qui n'est pas le cas dans ce groupbox.

J'ai essayé de fixer l'image avec du width="200" et height="294" ou bien du : style="width: 200px; height: 294px" mais rien n'y fait... l'image s'étire toujours. De plus, mon programme ne doit pas fixer la taille de l'image puisque les différentes images à afficher peuvent avoir des tailles différentes.

Comment faire en sorte que mes images s'affichent dans leur taille d'origine en respectant leur ratio ?

Merci d'avance pour votre aide.