Posez votre question Signaler

Css bug -> Safari [Résolu]

wonki - Dernière réponse le 28 déc. 2011 à 09:07
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.
Lire la suite 

Css bug -> Safari »

6 réponses
Réponse
+0
moins plus
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
mikmuk- 27 déc. 2011 à 15:52
oups, pas moteur de recherche; moteur web*
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
/* 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;
Ajouter un commentaire
Réponse
+0
moins plus
Ca marche ! Un grand merci ! Vraiment !
Ajouter un commentaire
Ce document intitulé « Css bug -> Safari » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?