Dreamweaver - problème affichage sur internet explorer 8

Fermé

DEDE8112 Messages postés 11 Date d'inscription mardi 19 mars 2013 Statut Membre Dernière intervention 21 mars 2013 - 19 mars 2013 à 23:58
bg62 Messages postés 23643 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 septembre 2024 - 21 mars 2013 à 19:47

Bonjour,

Je suis débutant dans la création de site web. Je viens de me lancer dans la création d'un site pour ma société avec le logiciel dramweaver cs6.

J'utilise trois css (car trois fonds de pages différents sur le site) et des pages html. Dans les html, j'ai des div PA et des tableaux.

Quand je visualise mes pages, elles sont parfaites sur chrome et sur mozilla, par contre sur internet explorer 8, elle n'affiche pas le fond, les images sont décalés, le contour est bleu autour du tableau... Que dois-je faire pour résoudre ce problème?

Merci pour votre aide.

R.D.

A voir également:

Dreamweaver - problème affichage sur internet explorer 8
Internet explorer 8 - Télécharger - Navigateurs
Telecharger internet explorer - Télécharger - Navigateurs
Clé windows 8 - Guide
Ouvrir internet explorer - Guide
Internet explorer 9 - Télécharger - Navigateurs

8 réponses

Réponse 1 / 8

bedew13 Messages postés 13 Date d'inscription samedi 16 mars 2013 Statut Membre Dernière intervention 21 mars 2013
20 mars 2013 à 01:40

c'est la joie d'internet exploreur et de ces multiple diference et betises pour tout les programmeur. va sur alasacreation tu trouvera ton bonheur pour corriger tout ca si ca n'est pas le cas il faudrait peut etre nous donner le probleme avec un print ecran et le css associé et le html ;)

Réponse 2 / 8

DEDE8112 Messages postés 11 Date d'inscription mardi 19 mars 2013 Statut Membre Dernière intervention 21 mars 2013
20 mars 2013 à 10:49

Bonjour, merci pour votre réponse mais je n'arrive pas a trouver.

Voici un css :
@charset "utf-8";
/* CSS Document */

#page {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#contenu {
margin: 1em;
color: #FFF;
position: relative;
height: 184px;
right: -4px;
}
html {
background: url(images/fondgestionaccueil.jpg) no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
right: 0px;
position: relative;

}
#contenu #apDiv13 p {
color: #333;
}

et html :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="fondgestionpatrimoine.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position: relative;
width: 200px;
height: 73px;
z-index: 1;
}
#apDiv2 {
position: absolute;
width: 200px;
height: 92px;
z-index: 1;
right: -577px;
top: -17px;
}
#apDiv4 {
position: relative;
width: 200px;
height: 115px;
z-index: 2;
left: 2px;
top: 0px;
}
#apDiv5 {
position: relative;
width: 200px;
height: 115px;
z-index: 3;
top: 290px;
right: -2px;
}
#apDiv6 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
right: -245px;
}
#apDiv7 {
position: absolute;
width: 200px;
height: 115px;
z-index: 2;
right: -491px;
}
#apDiv8 {
position: absolute;
width: 200px;
height: 115px;
z-index: 3;
right: -736px;
}
#apDiv9 {
position: absolute;
width: 200px;
height: 115px;
z-index: 4;
left: 13px;
top: 10px;
}
#apDiv10 {
position: absolute;
width: 200px;
height: 115px;
z-index: 5;
top: 10px;
left: 258px;
}
#apDiv11 {
position: absolute;
width: 200px;
height: 115px;
z-index: 6;
top: 10px;
left: 504px;
}
#apDiv12 {
position: absolute;
width: 200px;
height: 115px;
z-index: 7;
top: 10px;
left: 749px;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onLoad="MM_preloadImages('images/ACCUEIL-ROUGE.png','images/PARTICULIERS-ROUGE.png','images/DIRIGEANT-ROUGE.png','images/CONTACT-ROUGE.png','images/LE-CABINET-ROUGE.png','images/INDEPENDANCE COULEUR.jpg','images/FORCE COULEUR.jpg','images/EXPERTISE COULEUR.jpg','images/SERVICE COULEUR.jpg')">
<div id="page">
<div id="contenu">
<div id="apDiv1">
<div id="apDiv2"><img src="images/enadré-haut-de-page.png" width="390" height="98" /></div>
<a href="index.html"><img src="images/LOGO 2.png" width="359" height="63" /></a></div>
<table width="970" border="0">
<tr>
<td height="53"><img src="images/BARRE-GAUCHE.png" width="350" height="31" /><a href="accueilgestion.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/ACCUEIL-ROUGE.png',1)"><img src="images/ACCUEIL-GRIS.png" width="101" height="31" id="Image19"></a><a href="lecabinet1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/LE-CABINET-ROUGE.png',1)"><img src="images/LE-CABINET-ROUGE.png" width="102" height="31" id="Image"></a><a href="particulier1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/PARTICULIERS-ROUGE.png',1)"><img src="images/PARTICULIERS-gris.png" width="102" height="31" id="Image6" /></a><a href="entreprise1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/ENTREPRISE-ROUGE.png',0)"><img src="images/ENTREPRISE-GRIS.png" width="102" height="31" id="Image7" /></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/DIRIGEANT-ROUGE.png',1)"><img src="images/DIRIGEANT-GRIS.png" width="102" height="31" id="Image8" /></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/CONTACT-ROUGE.png',1)"><img src="images/CONTACT-GRIS.png" width="101" height="31" id="Image9" /></a></td>
</tr>
</table>
<div id="apDiv3">
<div id="apDiv4"><img src="images/ENCART-LE-CABINET.png" width="960" height="389" /></div>
<div id="apDiv5">
<div id="apDiv6"><img src="images/encadré-2.png" width="224" height="230"></div>
<div id="apDiv7"><img src="images/encadré-3.png" width="223" height="232"></div>
<div id="apDiv8"><img src="images/encadré-4.png" width="223" height="232"></div>
<div id="apDiv9"><a href="lecabinet2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/INDEPENDANCE COULEUR.jpg',1)"><img src="images/INDEPENDANCE N&B.jpg" width="197" height="131" id="Image15"></a></div>
<div id="apDiv10"><a href="lecabinet3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','images/FORCE COULEUR.jpg',1)"><img src="images/FORCE N&B.jpg" width="197" height="131" id="Image16"></a></div>
<div id="apDiv11"><a href="lecabinet4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','images/EXPERTISE COULEUR.jpg',1)"><img src="images/EXPERTISE N&B.jpg" width="197" height="131" id="Image17"></a></div>
<div id="apDiv12"><a href="lecabinet5.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/SERVICE COULEUR.jpg',1)"><img src="images/SERVICE N&B.jpg" width="197" height="131" id="Image18"></a></div>
<img src="images/encadré-1.png" width="223" height="232"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="960" border="0">
<tr>
<td><div align="center"><img src="images/S&C-et-Tout-droits-reserves.png" alt="" width="298" height="16"><img src="images/INFO-LEGALES.png" alt="" width="123" height="16"><img src="images/LIEN-VIADEO.png" alt="" width="25" height="19"><img src="images/LIEN-FACEBOOK.png" alt="" width="19" height="19"><img src="images/LIEN-TWITTER.png" alt="" width="20" height="18"><img src="images/LIEN-CONTACT.png" alt="" width="45" height="15"></div></td>
</tr>
</table>
<p> </p>

</div>
</div>
</body>
<body>
</body>
</html>

Pour le print ecran je n'arrive pas à le mettre sur le site.

Merci de m'aider car j'ai du mal à m'en sortir.

R.D.

Réponse 3 / 8

DEDE8112 Messages postés 11 Date d'inscription mardi 19 mars 2013 Statut Membre Dernière intervention 21 mars 2013
20 mars 2013 à 11:45

voici les imprimés écrans :
https://www.cjoint.com/c/CCulQi9KPkR
https://www.cjoint.com/c/CCulS3Z9KOs

Merci.

R.D.

Réponse 4 / 8

bg62 Messages postés 23643 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 septembre 2024 2 381
20 mars 2013 à 12:08

Dreamweaver - problème affichage sur internet explorer 8

rien à voir entre les deux ;)
il faut surtout voir ET tester au niveau du codage ET de TOUS les navigateurs ...
les normes changent, il y a même certains petits logs qui permettent de vérifier (ils sont ici sur ccm ... )

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

Posez votre question

Réponse 5 / 8

DEDE8112 Messages postés 11 Date d'inscription mardi 19 mars 2013 Statut Membre Dernière intervention 21 mars 2013
20 mars 2013 à 12:11

Bonjour,
Je ne comprends pas ta réponse!

Réponse 6 / 8

bedew13 Messages postés 13 Date d'inscription samedi 16 mars 2013 Statut Membre Dernière intervention 21 mars 2013
21 mars 2013 à 00:35

pour l'alignement du site je suppose que le probleme survient au niveau de tes align auto dans ton fichier css.
avec ce css que je place sur tout mes site je n'ai jamais de probleme de centrage :

html { font-size: 100%; }
* { margin: 0; padding: 0; }

body { margin: 0 auto;
font-size: .8em;
background-image: url(../structure/imgs/grisfonce_038e.jpg); background-color: #D2CA97; }

li { list-style-type: none; }
img { border: 0px; }
img a { border: 0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline:0; }

em { font-style: italic; }
strong { font-weight: bold; }
p { color: #000; }
.center { text-align: center; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }

div#page { position: static; margin: 0 auto; width: 1000px; background-image:url( ); }

La div page etant l'ensemble du contenu de ta page que tu souhaite voir centré.

pour le probleme d'afichage est autre éléments je pense que l'action script y est pour beaucoup. regarde sur le net pour la compatibilité de ton AS avec les internet Explorer.

Réponse 7 / 8

bedew13 Messages postés 13 Date d'inscription samedi 16 mars 2013 Statut Membre Dernière intervention 21 mars 2013
21 mars 2013 à 00:38

d'ailleur je viens de voir sur ta Capt d'écran que IE te bloque quelque chose : ta ligne jaune en haute de la page : ne s'agirait t'il pas de AS qu'il refuse ? vérifie !

Réponse 8 / 8

DEDE8112 Messages postés 11 Date d'inscription mardi 19 mars 2013 Statut Membre Dernière intervention 21 mars 2013
21 mars 2013 à 09:49

Bonjour,

merci pour ta réponse.
Qu'appelles-tu l'AS?

bg62 Messages postés 23643 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 septembre 2024 2 381
21 mars 2013 à 19:47

Action Script ...

Discussions similaires

internet explorer portable ?

App explorer Sa sert a quoi ?

Discussions similaires

Newsletters