CSS3, IE9, diff. page hebergée et locale
JLuc74
-
Filo06 -
Filo06 -
Bonjour,
Je tente d'utiliser les fonctionnalités CSS3 border-radius et box-shadow. Avec Firefox ou Chrome ça fonctionne très bien, j'ai un <div> avec des coins arrondis et une ombre.
Avec IE9 j'ai une page html qui fonctionne bien quand elle est sur mon disque dur, mais quand je la mets chez mon hébergeur je n'ai plus ni coins arrondis ni ombre.
Ca fait 2 jours que je sèche sur le problème, c'est quand même étrange que la même page html (en réalité généré par du php) ne soit pas affichée de la même façon en fonction de l'endroit où elle se trouve. Les autres fonctionnalités que ces deux affichages semblent identiques même si je peux constater une petite différence dans la taille des polices.
Quelqu'un a une idée ? Une piste ?
Je tente d'utiliser les fonctionnalités CSS3 border-radius et box-shadow. Avec Firefox ou Chrome ça fonctionne très bien, j'ai un <div> avec des coins arrondis et une ombre.
Avec IE9 j'ai une page html qui fonctionne bien quand elle est sur mon disque dur, mais quand je la mets chez mon hébergeur je n'ai plus ni coins arrondis ni ombre.
Ca fait 2 jours que je sèche sur le problème, c'est quand même étrange que la même page html (en réalité généré par du php) ne soit pas affichée de la même façon en fonction de l'endroit où elle se trouve. Les autres fonctionnalités que ces deux affichages semblent identiques même si je peux constater une petite différence dans la taille des polices.
Quelqu'un a une idée ? Une piste ?
A voir également:
- CSS3, IE9, diff. page hebergée et locale
- Supprimer page word - Guide
- Ip locale - Guide
- Imprimer excel sur une page - Guide
- Page d'accueil - Guide
- Run locale test - Guide
2 réponses
Bonjour,
JLuc, comme ton sujet date un peu, j'ignore si tu as, finalement trouvé la solution à ton problème. Mais après tout, si cela peut aider quelqu'un d'autre ...
Confrontée à la même prise de tête depuis hier (mes ombres et arrondis apparaissaient en local mais pas en ligne sur ie9) et étant d'une nature tenace (lol) j'ai fouillé le web à la recherche d'une réponse ... que j'ai fini par trouver et qui a résolu mon problème d'affichage ...
J'ai trouvé la réponse sur le site Alsacréations (Merci Victor), un site génial où j'ai trouvé plein d'astuces ...
il s'agit d'ajouter simplement une balise "meta" au plus près de ta balise <head>, (en fait la ligne juste en dessous sinon ça ne marche pas)
voilà ce que doit donner ton code :
voili, voilou ... il suffisait de le savoir ^^
JLuc, comme ton sujet date un peu, j'ignore si tu as, finalement trouvé la solution à ton problème. Mais après tout, si cela peut aider quelqu'un d'autre ...
Confrontée à la même prise de tête depuis hier (mes ombres et arrondis apparaissaient en local mais pas en ligne sur ie9) et étant d'une nature tenace (lol) j'ai fouillé le web à la recherche d'une réponse ... que j'ai fini par trouver et qui a résolu mon problème d'affichage ...
J'ai trouvé la réponse sur le site Alsacréations (Merci Victor), un site génial où j'ai trouvé plein d'astuces ...
il s'agit d'ajouter simplement une balise "meta" au plus près de ta balise <head>, (en fait la ligne juste en dessous sinon ça ne marche pas)
voilà ce que doit donner ton code :
<head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Ici, les autres éléments contenus dans head --> </head>
voili, voilou ... il suffisait de le savoir ^^
<!DOCTYPE html>
<html>
<head>
<title>Cercle d'Echecs de l'Agglomération d'Annecy</title>
</head>
<body onload="" style="border:3px black solid; border-radius:20px 20px 0px 0px;">
xxx
</body>
</html>
http://annecyechecs.franceserv.com/rond.html (ça marche)
http://annecy.echecs.free.fr/rond.html (ça marche pô)
il me reste donc à rechercher comment contourner le problème pour que IE9 reconnaissent correctement le CSS3 en provenance de free.fr. Si quelqu'un a une idée je suis preneur.