Dreamweaver - problème affichage sur internet explorer 8
DEDE8112
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
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.
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
- Clé windows 8 - Guide
- Internet explorer 11 - Télécharger - Navigateurs
- Internet explorer 10 - Télécharger - Navigateurs
- Internet explorer - Guide
8 réponses
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 ;)
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.
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.
voici les imprimés écrans :
https://www.cjoint.com/c/CCulQi9KPkR
https://www.cjoint.com/c/CCulS3Z9KOs
Merci.
R.D.
https://www.cjoint.com/c/CCulQi9KPkR
https://www.cjoint.com/c/CCulS3Z9KOs
Merci.
R.D.
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
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.
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.