[Problème] Visuel différent entre PC et Mac

[Visiteur]

Bonjour je suis en train de faire le site internet de ma société mais sur un même site, même navigateur le background est différent ...

Je m'explique. Sur PC le fonds rend quasi blanc tandis que sur Mac les couleurs sont bien visibles ..
Et cela n'intervient que pour le background. Les couleurs de menu, de logo sont identiques il n'y a pas de souci ...

Any idea ?
L'url du site http://Schola-Cantorum.com/newschola
Merci de votre aide !! :-)

[PieceOfCake]

Re : Visuel différent entre PC et Mac

Bonjour,

probablement pas un problème MAC / PC, mais plutôt un problème de différence de fonctionnement entre les navigateurs utilisés.
Qu'utilises tu sur Mac ? puis sur PC ?
essaie avec d'autres navigateurs sur PC (FF - IE - Chrome). Pense également à purger les caches des navigateurs (Ctrl + F5)

[Visiteur]

Re : Visuel différent entre PC et Mac

Sur Mac j'utilise Safari et Chrome, là pas de souci tout s'affiche pareil
Sur PC j'utilise Chrome et IE, et là sur PC l'affichage est identique entre IE et Chrome, mais le fonds est quasi blanc par rapport au Mac.
Les caches sont purgés, j'ai essayé sur 3 PC différents, c'est la même chose.
Quoique sur un des 3 PC avec Firefox, le fonds est plus marqué, mais rien à voir avec la version Mac

[PieceOfCake]

Re : Visuel différent entre PC et Mac

Alors là, c'est la première fois que j'entends parler d'un PC qui lave plus blanc qu'un Mac

Non là désolé, après le lavage de la ligne ci-dessus, je dirais bien que je sèche mais ça ne t'aiderai pas beaucoup je pense ?

[lomart]

Re : Visuel différent entre PC et Mac

Bonsoir,

Sans doute un problème de réglage du PC. Est-ce un portable ?
Le rendu des gris de cette page est-il identique sur MAC et PC

http://b-rome.com/calibrage_ecran.html

[PieceOfCake]

Re : Visuel différent entre PC et Mac

Bonsoir,

Sans doute un problème de réglage du PC. Est-ce un portable ?
Le rendu des gris de cette page est-il identique sur MAC et PC
http://b-rome.com/calibrage_ecran.html

C'est ce que j'avais commencé par me dire, mais :

Les caches sont purgés, j'ai essayé sur 3 PC différents, c'est la même chose.

[lomart]

Re : Visuel différent entre PC et Mac

C'est ce que j'avais commencé par me dire

Désolé, je n'avais pas entendu tes voix

Mais il est intéressant de faire la comparaison sur une image en dehors du contexte Joomla!

[sharky]

Re : Visuel différent entre PC et Mac

Et si ça serait simplement la gestion des couleurs du moniteur par windows ?

[PieceOfCake]

Re : Visuel différent entre PC et Mac

Désolé, je n'avais pas entendu tes voix

Mais il est intéressant de faire la comparaison sur une image en dehors du contexte Joomla!

Ça c'est une bonne idée !! et avec deux moniteurs côte à côte 1 PC et 1 Mac. N'empêche que ça ne change rien à la chose : je n'avais jamais entendu dire ça auparavant

[Visiteur]

Re : Visuel différent entre PC et Mac

Eventuellement vous pouvez faire une capture de ce que vous avez ?
J'ai modifié un peu les contrastes sur mon moniteur et il y a du mieux, mais ce qui serait bien c'est que la même chose s'affiche sur chaque ordinateur

Il semble que ça ne touche que les gris car le rouge du menu par exemple n'est pas affecté ...

[lomart]

Re : Visuel différent entre PC et Mac

Eventuellement vous pouvez faire une capture de ce que vous avez ?

Avant de demander aux autres de travailler, si tu répondais à cette question:

Le rendu des gris de cette page est-il identique sur MAC et PC
http://b-rome.com/calibrage_ecran.html

Si non, le problème ne concerne pas Joomla mais tes appareils.
Connaitre le rendu chez nous ne t'apportera rien, surtout qu'en ce qui me concerne, je calibre mes écrans avec une sonde Spider datacolor.

[Rajoz]

Re : Visuel différent entre PC et Mac

Bonjour,

Pour en revenir aux différents navigateurs et aux différentes versions de navigateurs, le gris du fond est obtenu par

#content {
    margin: 5px 0 0;
    position: relative;
    min-height: 600px;
    background: #fff;
    padding: 35px 0;
}
#content:before {
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ebebeb, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);
    background-image: -o-linear-gradient(top, #ebebeb, #ffffff);
    background-image: linear-gradient(to bottom, #ebebeb, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#ffffffff', GradientType=0);
    height: 180px;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

Il y a des différences de support selon les versions : before n'est complètement supporté qu'à partir de IE9, les gradients qu'à partir de IE10, etc. Cela peut être la cause des différences d'affichage.

Le site Can I use (http://caniuse.com/) permet de voir ce qui est supporté dans chaque version de chaque navigateur. Il peut permettre de simplifier le #content:before pour ne garder que ce qui est compatible avec toutes les versions de navigateurs utilisées (par ex. faire un test en mettant en commentaire les gradients).

Amicalement,
Rajoz