Css bug - Safari Résolu/Fermé

Question

Bonjour,  

Je suis en train de faire un site internet en html5/css3.  
Je travaille avec Dreamweaver. Je lance un aperçu, et tout est correct sur Firefox. Mais lorsque je lance sur Safari, l'affichage est complètement différent. Tout s'aligne à gauche. Et il y a un probleme de "js" je pense. Le hover etç.. 

C'est safari ou bien faut-il rajouter quelque chose dans mn html ou css afin que safari puisse lire mon css correctement ?

Merci d'avance.

dariumis · Answer

Salut.
Non ça vient pas de safari, enfin si. Mais c'est ton code qui ne doit pas être correct, il faudrait l'adresse de la page pour que l'on puisse tester dessus, ça vient certainement du css.

mikmuk · Answer

Effectivement tu dois avoir quelque chose dans ton code qui commence par:

-moz ou un truc du genre qui n'est utilisable que par les navigateurs utilisant le moteur de recherche mozilla ;)

Montre le code si tu veux qu'on t'aide

wonki · Answer

Bonjour, Merci d'avoir répondu.

Voici un bout de mon css : 

body {	
	background-image:url(../../images_Site/Background.jpg);
	background-repeat:repeat-x;
	font: 12px/20px  'Droid Sans', arial, serif;
	line-height:20px;
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
}
::selection {
	background-image:url(../../images_Site/Background.jpg);
	background-repeat:repeat-x;
	/* Safari */
	color:#fdfdfa;
}
::-moz-selection {
	background-image:url(../../images_Site/Background.jpg);
	background-repeat:repeat-x;
	/* Firefox */
	color:#fdfdfa;

Et enfait, lorsque je ne met pas de background-image, tous les hover et js fonctionnent. Par contre depuis que j'ai mis ce background-image, il y a un bug d'affichage. C'est pourquoi j'ai remis le background dans ces 3 parties. Mais toujours sans résultat.

mikmuk · Answer

/* Prevents Mobile Safari from bumping up font sizes in landscape */
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgb(255,255,0); 

Comme tu peux le remarquer ici, pour safari c'est webkit donc ajoute ça:

::-webkit-selection {
background-image:url(../../images_Site/Background.jpg);
background-repeat:repeat-x;
/* Safari */
color:#fdfdfa;

wonki · Answer

Ca marche ! Un grand merci ! Vraiment !

Css bug -> Safari

5 réponses

Discussions similaires