28221 sujets

CSS et mise en forme, CSS3

Problème de fond d'écran

Bonjour,

voila j'ai une partie de code en CSS qui est apparament semi comprit sous Mozila Firefox (il créée un bug) et sous Internet Explorer la il ne marche pas du tout ...

le voici :


body {background: #cacaca url("images/design/fond_site.gif") top center repeat-y;}


et sous firefox apparament elle fait foirer parce que j'ai une page qui appelle la meme feuille de style mais lui a un autre fond et donc a un id sur sont body mais il y a une confusion comme si le body ignorait l'id et prenait le body normal ...

mais n'y a t'il pas un moyen d'exprimer le code si dessus en plus de ligne et peut etre plus compréhensible ...

Merci d'avance
Bonjour,
Fais un essai en enlevant les guillemets pour l'appel de l'image.
Sinon tu peux aussi tester en déclarant les propriétés une par une.
Essai plutot :

body { background: #cacaca url(images/design/fond_site.gif) repeat-y 50% 0 }


Répétition avant le positionement, et position horizontale avant verticale, pour le background-position: l'ordre c'est left top ou right top ou left bottom ou right bottom, et pas le contraire, l'horizontal avant le vertical. Et je ne suis pas certain que center soit bien pris en compte, mais je garanti rien, en tout cas avec le pourcentage ça marche c'est sûr.

body {background: #cacaca url("images/design/fond_site.gif") top center repeat-y;}

J'ai donné ce code à Dib258.
Il fonctionne très bien pour moi (dans le contexte où je l'utilise) sur tous les navigateurs et plates-formes que j'ai testés.

Les mots-clés "top center" ou "center top", c'est pareil. Il n'y a que pour les valeurs en pourcentage que la valeur horizontale doit être déclarée en premier.
http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background-position

Le background-repeat en fin de déclaration ne me pose pas de problème non plus.
Je ne connais pas de contexte où il doit être déclaré avant le background-position.

CSS 2 est très vague en ce qui concerne les propriétés raccourcies.
http://www.yoyodesign.org/doc/w3c/css2/about.html#shorthand

CSS 2 a écrit :

P { background: url("chess.png") gray 50% repeat fixed }

http://www.yoyodesign.org/doc/w3c/css2/colors.html#propdef-background

Donc l'ordre ici est : 

background-image
background-color
background-position
background-repeat
background-attachment
Sujet clos
Aller à