Css bug -> Safari
Résolu
wonki
-
wonki -
wonki -
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.
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.
A voir également:
- Css bug -> Safari
- Safari pour windows - Télécharger - Navigateurs
- Iptv bug ✓ - Forum TV & Vidéo
- Bug chromecast - Guide
- Télécharger safari mac - Télécharger - Navigateurs
- Bug localisation snap ✓ - Forum Snapchat
5 réponses
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.
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.
Effectivement tu dois avoir quelque chose dans ton code qui commence par:
Montre le code si tu veux qu'on t'aide
-mozou 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
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.
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.
/* 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;
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
