Discussion :

[Ecared]

Bonjour à tous,

Alors voici mon problème, je mets une image de fond à mon header qui s'affiche correctement sur tous les terminaux sauf sur mon Samsung (sous Android logiquement ). L'image se cale à droite je ne sais pas pourquoi. Si quelqu'un à une explication ou mieux une solution je vous écoute.

Je vous mets quand même mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
background: #FFF url(../image/fond.jpg) no-repeat scroll top -35px center / auto 1024px;
// Ou aussi:
background-color: #FFF;
background-image: url(../image/fond6_2.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top -35px;
-webkit-background-size: auto 1024px;
background-size: auto 1024px;

A savoir que ça fonction sous iphone etc ...

[Invité]

Bonjour,

Voir :

• Glossaire des propriétés CSS : arrière-plans
• background

Je suppose que -35px est un décalage vers le haut (?), auquel cas il ne faut pas mettre le mot-clé "top".

background-size a une compatibilité récente et/ou partielle. Il faut éviter le tout-en-un (" / auto 1024px" ne semble pas encore compris par tous) :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
background: #fff url(../image/fond.jpg) no-repeat center -35px;
background-size:auto 1024px; /* ajouter si nécessaire les préfixes */

[Ecared]

Bonjour,

Oui je suis déjà aller voir ces 2 liens (mais je n'ai pas trouvé la solution à mon problème ), pour le -35px c'est bien un décalage vers le haut (car site responsive et pour le mobile je veux afficher certains éléments de l'image) sans le "top" il ne le prends pas bien en compte.

Oui j'ai bien vu aussi pour le tout-en-un c'est pour ça que j'ai mis les 2codes, j'ai vraiment tout essayé au niveau des propriétés (et idem pour les préfixes ) mais vraiment rien ne fonctionne

[Invité]

Ta syntaxe "center top -35px" est fausse.

Je t'ai donné un code. L'as-tu testé ?

Sinon, quelle est l'URL de la page ?

[Ecared]

Oui j'ai bien essayé ça fonctionne toujours comme avant d'ailleurs ce serait plus:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background: #fff url(../image/fond.jpg) no-repeat center -35px;

Mais l'image est toujours sur la droite

Pour l'URL je t'explique en mp