Images n'apparaissent pas sous IE8
Résolu
carolan
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Oui, je sais, la question a été débattue 100 fois, mais j'ai tout zyeuté et rien trouvé qui me corrige... donc je repose :
J'ai une page html générée par Quark X Press ; une seule page, avec plein d'images.
Sous FF, Google Chrome, Seamonkey, tout est correct.
Sous IE8, je n'ai pas une seule image.
Ca ne vient pas de mon paramétrage IE8, il affiche bien tous les autres sites.
Les images sont gérées avec CSS.
J'ai cherché sur le web et essayé tout ce que j'ai trouvé sans succès.
J'ai validé le code avec W3C, corrigé 1 ou 2 bricoles, sans que ça règle mon souci.
Que faut-il que je vous dise pour que vous puissiez m'aider ?
Merci d'avance.
Oui, je sais, la question a été débattue 100 fois, mais j'ai tout zyeuté et rien trouvé qui me corrige... donc je repose :
J'ai une page html générée par Quark X Press ; une seule page, avec plein d'images.
Sous FF, Google Chrome, Seamonkey, tout est correct.
Sous IE8, je n'ai pas une seule image.
Ca ne vient pas de mon paramétrage IE8, il affiche bien tous les autres sites.
Les images sont gérées avec CSS.
J'ai cherché sur le web et essayé tout ce que j'ai trouvé sans succès.
J'ai validé le code avec W3C, corrigé 1 ou 2 bricoles, sans que ça règle mon souci.
Que faut-il que je vous dise pour que vous puissiez m'aider ?
Merci d'avance.
A voir également:
- Optimiser ie8
- Optimiser son pc - Accueil - Utilitaires
- Ie8 - Télécharger - Navigateurs
- Tcp optimiser - Télécharger - Optimisation
- Optimiser windows 10 - Guide
- Optimiser et défragmenter le lecteur - Guide
5 réponses
Salut, tu pourrais montrer un extrait du code HTML généré? A mon avis, il doit y avoir une balise que IE ne digère pas.
Merci pour ta réponse. Voici un bout du code raccourci :
<html>
<head>
<title>exemple.htm</title>
<meta http-equiv="Content-Type"
content="text/html; charset=x-mac-roman">
<style type="text/css">
<!--
a:link {
color:blue;
text-decoration:underline;
}
a:active { color:red }
a:visited { color:purple }
body {
background-color:white;
color:black;
}
.box1 {
background-color:white;
width:1281px;
height:884px;
}
.box2 {
position:absolute;
left:28px;
top:230px;
background-color:#FF000F;
width:251px;
height:374px;
}
.box3 {
position:absolute;
left:28px;
top:230px;
width:251px;
height:57px;
}
.box4 {
position:absolute;
left:1031px;
top:701px;
background-color:white;
width:222px;
height:158px;
}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="884" valign="top" width="1281">
<div class="box1"> <img src="image/tetiereaffiche%20copie112.gif"
alt="tetiereaffiche copie.eps" height="884" border="0" width="1281"></div>
</td>
<td height="884" valign="top" width="1"> <img
src="image/qwdspacer.gif" alt="" height="884" border="0" width="1"></td>
</tr>
<tr>
<td height="1" valign="top" width="1281"> <img
src="image/qwdspacer.gif" alt="" height="1" border="0" width="1281"></td>
<td height="1" valign="top" width="1"> <img
src="image/qwdspacer.gif" alt="" height="1" border="0" width="1"></td>
</tr>
</tbody>
</table>
<div class="box2"> <img src="image/Picture110.gif" alt="" height="374"
border="0" width="251"></div>
<div class="box3"> <img src="image/Text109.gif"
alt=" SaintMartin de Valamas
Festival de musique 2010 " height="57"
border="0" width="251"></div>
<div class="box4"> <img src="image/benevoles170.gif"
alt="benevoles1.eps" height="158" border="0" width="222"></div>
</body>
</html>
<html>
<head>
<title>exemple.htm</title>
<meta http-equiv="Content-Type"
content="text/html; charset=x-mac-roman">
<style type="text/css">
<!--
a:link {
color:blue;
text-decoration:underline;
}
a:active { color:red }
a:visited { color:purple }
body {
background-color:white;
color:black;
}
.box1 {
background-color:white;
width:1281px;
height:884px;
}
.box2 {
position:absolute;
left:28px;
top:230px;
background-color:#FF000F;
width:251px;
height:374px;
}
.box3 {
position:absolute;
left:28px;
top:230px;
width:251px;
height:57px;
}
.box4 {
position:absolute;
left:1031px;
top:701px;
background-color:white;
width:222px;
height:158px;
}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<table align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="884" valign="top" width="1281">
<div class="box1"> <img src="image/tetiereaffiche%20copie112.gif"
alt="tetiereaffiche copie.eps" height="884" border="0" width="1281"></div>
</td>
<td height="884" valign="top" width="1"> <img
src="image/qwdspacer.gif" alt="" height="884" border="0" width="1"></td>
</tr>
<tr>
<td height="1" valign="top" width="1281"> <img
src="image/qwdspacer.gif" alt="" height="1" border="0" width="1281"></td>
<td height="1" valign="top" width="1"> <img
src="image/qwdspacer.gif" alt="" height="1" border="0" width="1"></td>
</tr>
</tbody>
</table>
<div class="box2"> <img src="image/Picture110.gif" alt="" height="374"
border="0" width="251"></div>
<div class="box3"> <img src="image/Text109.gif"
alt=" SaintMartin de Valamas
Festival de musique 2010 " height="57"
border="0" width="251"></div>
<div class="box4"> <img src="image/benevoles170.gif"
alt="benevoles1.eps" height="158" border="0" width="222"></div>
</body>
</html>
A première vue rien d'anormal si ce n'est que tu utilise des positions absolues et que cette pratique n'est pas trop conseillée (tout le monde n'a pas un écran de la même taille.
C'était le format des gif qui posait un problème à IE ; elles avaient été créées sous mac, et pas avec le bon encodage ; ce qui est curieux c'est que les autres navigateurs les lisaient bien, y compris sous W...
Bon dimanche.
Bon dimanche.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question