Forums : Xul, Xbl, JS...

Aller à la discussion : Plus récente Plus ancienne

# [Résolu] Alignement étrange avec min-width et min-height

Envoyé par : thefab

Date : 29/06/2007 16:14

Je ne comprends pas, mais alors absolument pas pourquoi mes éléments XBL contenus dans un <html:div/> ne s'alignent pas correctement lorsque j'ajoute les styles CSS suivants:

min-width: 120px;
max-width: 120px;
min-height: 120px;
max-height: 120px;

Captures d'écran

Sans CSS (alignement pas parfait mais au moins logique)
Avec CSS (alignement qui ne veut absolument rien dire)

# Re: Alignement étrange avec min-width et min-height

Envoyé par : Gregco

Date : 30/06/2007 11:50

Vraiment étrange la réaction. Essayais d'ajouter ces différentes éléments pour voir comment ça réagis

width: 120px;
height: 120px;
minwidth: 120px;
minheight: 120px;
maxwidth: 120px;
maxheight: 120px;
margin: 2px;
padding: 2px;

et affect aussi à l'élément parent

position: relative;
margin: auto;
width: ...

# Re: Alignement étrange avec min-width et min-height

Envoyé par : thefab

Date : 02/07/2007 13:14

Ca ne fonctionne pas mieux... j'ai essayé de remplacer le XUL par du HTML (div et img) et là ça plante carrément XULRunner :-(

# Re: Alignement étrange avec min-width et min-height

Envoyé par : Gregco

Date : 02/07/2007 13:30

T'as quel version de xulrunner?

# Re: Alignement étrange avec min-width et min-height

Envoyé par : thefab

Date : 02/07/2007 13:48

T'as quel version de xulrunner?

Toutes :-) mais en l'occurrence il s'agit de la 1.8.0.4

Il faut simplement ajouter float: left; en plus de display: inline; ce qui donne (en gros):

XUL

<html:div>
  <imagesboxitem uri="rdf:*" src="rdf:..."/>   <-- XBL
</html:div>

XBL

<binding id="ImagesBoxItem">
  <content>
    <xul:box align="center" pack="center">
      <xul:image xbl:inherits="src"/>
    </xul:box>
  </content>
</binding>

CSS

imagesboxitem
  {
  -moz-binding: url(...);
  display: inline;
  float: left;
  }

Version correctement alignée

Merci

Il n'est plus possible de poster des messages dans ce forum.