Ces lignes CSS sont-elles correctes ?

[Meeuuuhhh]

Bonjour,

Voilà j'ai un souci sur mon mini-pc, je n'arrive pas à voir si l'image d'arrière plan s'affiche comme je veux en bas de l'écran vu que celui-ci est trop petit. Le but est de la positionner tout en bas au centre.

background : #163A90;
background-image : url(http://www.example.com/public/fond-ciel.jpg);
background-position : bottom center;
background-repeat:no-repeat;
background-attachment : fixed;


C'est bon comme ça ou pas ?

Merci d'avance.

 

[Amauri]

Si le conteneur c'est le "body" alors ouep', c'est bon.

Pour voir le rendu tu peux dézoomer (ctrl + -)

 

[spout]

On défini d'abord le X ensuite le Y:
http://www.w3schools.com/css/pr_background-position.asp
Donc "center bottom" au lieu de "bottom center"

 

[Meeuuuhhh]

Si le conteneur c'est le "body" alors ouep', c'est bon.

Pour voir le rendu tu peux dézoomer (ctrl + -)

Oui c'est le body. J'ai pas pensé au dézoomage. Mais en fait, l'image de fond est plus haute que la hauteur de l'écran de mon mini-pc, de toute façon...

On défini d'abord le X ensuite le Y:
http://www.w3schools.com/css/pr_background-position.asp
Donc "center bottom" au lieu de "bottom center"

Ok ok, merci pour le lien spout. Et ça foire sinon ?

 

[Meeuuuhhh]

Salut,

Bon, pourriez-vous me dire si les deux pâquerettes sont biens collées en bas à gauche, s'il-vous-plait ?
http://www.dessinsinnocent.com/

Ou alors est-ce que ça foire et qu'elles flottent en haut avec du bleu en dessous ?

 

[spout]

Oui: http://goo.gl/RNdS6

 

[SpeedAirMan]

background : #163A90;
background-image : url(http://www.example.com/public/fond-ciel.jpg);
background-position : bottom center;
background-repeat:no-repeat;
background-attachment : fixed;

Le 1er devrait être background-color.

Tu peux réduire toute la syntaxe à 1 ou 2 ligne :

background:#163A90 url(http://www.example.com/public/fond-ciel.jpg) center bottom no-repeat;
background-attachment : fixed;

 

[Meeuuuhhh]

Oui: http://goo.gl/RNdS6

Merci Spout, j'osais pas demander la copie-d'écran, ça me rassure. pourtant, quelqu'un m'a dit au téléphone qu'elles sont en haut à gauche... Je crois qu'il utilise IE.

background : #163A90;
background-image : url(http://www.example.com/public/fond-ciel.jpg);
background-position : bottom center;
background-repeat:no-repeat;
background-attachment : fixed;

Le 1er devrait être background-color.

Tu peux réduire toute la syntaxe à 1 ou 2 ligne :

background:#163A90 url(http://www.example.com/public/fond-ciel.jpg) center bottom no-repeat;
background-attachment : fixed;

Oui, tout en ligne c'est plus propre, mais j'ai appris comme ça et les habitudes...

Merci à vous pour vos réponses.

 

[Amauri]

On défini d'abord le X ensuite le Y:
http://www.w3schools.com/css/pr_background-position.asp
Donc "center bottom" au lieu de "bottom center"

Pas si c'est en toute lettre : http://www.zonecss.fr/style_css/feuille_css_background_position.html

Ok pour moi avec tous les navigateurs.

 

[Meeuuuhhh]

Merci