Différence de CSS entre version locale et version serveur

**toffmann** · 04/02/2015, 19h13

Bonjour,

J'ai fait un petit site intranet pour la boîte ou je bosse et après des heures de recherche je viens poster ici en désespoir de cause.

Sur mes pages j'ai un menu vertical dynamique (pour info c'est un menu JQuery et il est dispo ici : http://www.web-imaginative.com/beau-...ml-5-et-css-3/)

Ce menu fonctionne très bien en local (easy php). Par contre dés que je le mets en ligne j'ai des petites images devant chaque titre du menu qui n'apparaissent pas sous IE 9. Le chemin dans le background-image est correcte car si j'essais avec Firefox ca marche.

J'ai pensé à un problème de compatibilité (CSS3 et IE9) mais comme je l'ai indiqué la version locale sous easy php fonctionne sous IE9.

Voici l'extrait du code ou j'appelle les images du menu:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.menu > li > a:before {
   content: '';
   background-image: url(../images/sprite.png);
   background-repeat: no-repeat;
   font-size: 36px;
   height: 1em;
     width: 1em;
   position: absolute;
     left: 0;
   top: 50%;
   margin: -.5em 0 0 0;
}
.item1 > a:before {
   background-position: -38px -38px;
}
.item2 > a:before {
   background-position: 0 0;
}
.item3 > a:before {
   background-position: -1px -36px;
}
.item4 > a:before {
   background-position: -38px -1px;
}
.item5 > a:before {
   background-position: -76px -1px;
}

Très honnêtement j'y perd mon latin.

Si j'ouvre le menu tout simplement dans IE9 après avoir télécharger les sources du menu il marche.

Dés que je mets les sources sur le serveur que ma boîte met à ma disposition je n'ai plus les images sous IE9 et je les ai sous Firefox. J'en déduit donc que le serveur pose problème à IE9 mais je ne vois pas vraiment d'où cela peut venir.

Idem pour les coins arrondis du menu. Ils n'apparaissent plus dés que le code est sur le serveur

Si quelqu'un à une idée, je suis preneur.

Merci d'avance

**arthur57** · 05/02/2015, 10h55

Bonjour,

Je suppose que le problème viendrais du serveur de ta boite, je ne vois pas d'autre possibilités..

Cordialement.

**toffmann** · 05/02/2015, 11h38

Slt arthur57,

Effectivement je pense à la même chose. Mais je ne vois pas ce qui peut au niveau serveur empêcher l'affichage d'images et des coins arrondis uniquement sous IE9 en sachant que background-image et background-position fonctionne ailleur sur mon site.

C'est étrange

**arthur57** · 05/02/2015, 11h45

Tu as bien testé sous les autres navigateurs? Pas que ce soit le chemin..
Sinon tu es bien sous IE9 une fois déployé sur le serveur?

Je sèche désolé

**toffmann** · 05/02/2015, 11h48

Oui oui je suis bien sous IE9 quand je vais sur la version serveur.

J'ai du mal à comprendre comment le serveur peut interagir avec le CSS étant donné qu'il est exécuté côté client.

Le même code exécuté depuis le C:\ et le même code exécuté à distance dans le même explorateur n'apparaît de la même façon.

**toffmann** · 05/02/2015, 16h57

Bon c'est OK j'ai trouvé. Pour ceux que ca intéresse il s'agissait d'internet explorer qui n'utilisait pas le bon mode de document sur mon site intranet.

Pour solutionner le problème il suffisait d'utiliser:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >

**NoSmoking** · 05/02/2015, 22h02

Bonjour,
merci du retour mais ne serait-il pas temps d'envisager de n'avoir qu'un doctype HTML5 pour l'avenir ?
- <!doctype html> plutôt simple non !

La contrepartie sera qu'il y aura sûrement du boulot dans le CSS et/ou HTML.

X-UA-Compatibility.

**toffmann** · 06/02/2015, 15h32

ne serait-il pas temps d'envisager de n'avoir qu'un doctype HTML5 pour l'avenir ?

J'utilise HTML 5 dans mes pages:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-FR" xml:lang="fr-FR">
<head>
<title><?php echo $titre?></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Je ne sais pas pourquoi IE9 utilisait par défaut le mode de document IE7. Peut-être parce que c'est de l'intranet?

Différence de CSS entre version locale et version serveur

CSS

Discussions similaires

Partager

Partager