Site problème compatibilité IE8

Fermé
Kaizen - 9 févr. 2010 à 10:53
OpenSourceWay Messages postés 45 Date d'inscription vendredi 28 août 2009 Statut Membre Dernière intervention 19 novembre 2012 - 16 avril 2010 à 18:03
Bonjour,

Comme l'indique le titre, j'ai un problème "aléatoire" avec un site que j'ai récemment terminé sous IE8. Sur certains ordinateurs, le menu ne s'affiche pas correctement (les différents parti du menu se chevauchent etc ... réel problème d'affichage donc), alors que sur d'autres, il n'y a aucun problème...
Voici l'adresse du site en question : http://maryb.pastel.free.fr
Pourriez-vous trouver une explication à ce problème "aléatoire" ?
Si seulement le problème était présent pour tous les ordi sous IE ... mais ce n'est pas le cas : /

Merci d'avance
A voir également:

5 réponses

bonjour

moi apres essaie j'ai aucun souci sous ie8, ie7, ie6 et meme sous chrome et firefox... va comprendre
0
Merci à toi d'avoir effectuer ces tests.
Oui c'est incompréhensible .. chez moi aussi tout va bien sous ie6 7 et 8 ... et pourtant j'ai vu de mes propres yeux le menu totalement décalé sur un autre ordinateur ...
Si quelqu'un a une idée qu'il n'hésite pas !!!
Merci
0
up ^_^"
0
Salut, j'ai testé ton lien chez moi, aucun problème, par contre, ce que j'ai pu constater, c'est que suite à l'installation d'un package de mises à jour de sécurité d'IE8, certains progs nécessitants un affichage de pages html sont complètements à revoir (pareil que pour toi), et encore plus débile, la saisie en multiaccés sous ACCES ne fonctione plus, et certains progs ont l'air de se lancer, mais rien ne se passe. Je suis sûr de moi, car cela c'est passer à mon bureau, et sur les poste où j'ai fait la mise à jour, plus rien ne va, par contre pour les autres(y compris le mien) tout va bien...
Seulement, comme je te l'ai dit, c'était dans un package assez important de mises à jour, alors pour savoir laquelle, mystère !!!!
Si tu arrives à avoir une info, merci de la partager avec nous, nous serons moins bêtes en nous couchant.( à moins que ce ne soit IE8 qui soit un peut plus bête que nous en définitive...).
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
OpenSourceWay Messages postés 45 Date d'inscription vendredi 28 août 2009 Statut Membre Dernière intervention 19 novembre 2012
Modifié par irongege le 28/10/2012 à 16:48
Je pense que c'est parce que :

- tu affiche l'image accueil dans un cadre que tu dimensionne avec du texte (très aléatoire comme méthode car suivant la résolution ... c'est différent chez les gens...)

- Donc j'ai corrigé et ça donne :
pour le HTML :
<div id="nav">   
          <a href="index.html" id="accueil"></a>   
          <a id="galerie" href="galerie.html"></a>   
          <a id="mary" href="maryb.html"></a>   
          <a id="technique" href="technique.html"></a>   
          <a id="exposition" href="exposition.html"></a>   
          <a id="livre" href="php/rechmess.php"></a>   
          <a id="message" href="php/contact.php"></a>   
        </div>


pour le CSS :
#nav a {   
display:block;   
float:left;   
height:20px;   
margin-left:10px;   
margin-right:10px;   
outline:0 none;   
text-decoration:none;   
}   
a#accueil {   
background-image:url("../images/btn/btnaccueil.gif");   
width:95px;   
}   
a#galerie {   
background-image:url("../images/btn/btngalerie.gif");   
width:71px;   
}   
a#mary {   
background-image:url("../images/btn/btnmary.gif");   
width:70px;   
}   
a#technique {   
background-image:url("../images/btn/btntechnique.gif");   
width:99px;   
}   
a#exposition {   
background-image:url("../images/btn/btnexposition.gif");   
width:100px;   
}   
a#livre {   
background-image:url("../images/btn/btnlivre.gif");   
width:98px;   
}   
a#message {   
background-image:url("../images/btn/btnmessage.gif");   
width:83px;   
}   
a#accueil:hover {   
background-image:url("../images/btn/btnaccueilhighlight.gif");   
border:medium none;   
}   
a#galerie:hover {   
background-image:url("../images/btn/btngaleriehighlight.gif");   
border:medium none;   
}   
a#mary:hover {   
background-image:url("../images/btn/btnmaryhighlight.gif");   
border:medium none;   
}   
a#technique:hover {   
background-image:url("../images/btn/btntechniquehighlight.gif");   
border:medium none;   
}   
a#exposition:hover {   
background-image:url("../images/btn/btnexpositionhighlight.gif");   
border:medium none;   
}   
a#livre:hover {   
background-image:url("../images/btn/btnlivrehighlight.gif");   
border:medium none;   
}   
a#message:hover {   
background-image:url("../images/btn/btnmessagehighlight.gif");   
border:medium none;   
}


Voilà,

Un p'tit screen pour la route : http://img10.hostingpics.net/pics/704397Site_CCM.png
J'èspère que ça va marcher chez tout le monde ;)

Très beau site (+1)

OpenSourceWay
0