28221 sujets

CSS et mise en forme, CSS3

Administrateur
J'ai toujours pris l'habitude de positionner mes images de fond en utilisant "top left" (pour la placer en haut à gauche), c'est à dire en précisant d'abord la position verticale.

Cependant, en utilisant un placement par pixel ou pourcentage, je remarque que la première valeur indique le placement horizontal.

En passant sur la Doc CSS francophone : http://www.yoyodesign.org/doc/w3c/css2/colors.html#background-properties
J'ai remarqué qu'effectivement, les recomandations disent :
a écrit :
Quand on ne donne qu'une seule valeur, en pourcentage ou en longueur, celle-ci ne concerne que la position horizontale, la position verticale sera 50%. Quand on donne deux valeurs, la première concerne la position horizontale.


Et pourtant, juste au-dessus, certains exemples tendent à montrer qu'il n'y a pas de priorité :
top left et left top
    Identique à '0% 0%' ; 
top, top center et center top
    Identique à '50% 0%'; 
right top et top right
    Identique à '100% 0%' ; 
left, left center et center left
    Identique à '0% 50%' ; 
center et center center
    Identique à '50% 50%' ; 
right, right center et center right
    Identique à '100% 50%' ; 
bottom left et left bottom
    Identique à '0% 100%' ; 
bottom, bottom center et center bottom
    Identique à '50% 100%' ; 
bottom right et right bottom
    Identique à '100% 100%'.


C'est plutôt curieux, non ?
Moi je met la valeur pour l'horizontal avant le vertical tout le temps, parceque justement le contraire fait que ca ne marche pas du tout...

top left par exemple ne marchera pas, alors que left top oui.