Probleme d affichage dans internet explorer

pierrexiamen Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
puxor Messages postés 318 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je suis novice et je suis en train de creer mon site avec Dreamweaver, j ai presque fini tout va bien sauf que je viens de m apercevoir que sous IE, il ne s'affiche pas du tout comme sur Dreamweaver ou Firefox.

Je ne comprends pas est ce que qq1 pourrait m aider ?

voici un exemple de page :
http://www.ecosystems.fr.tc/normes.html

ainsi que son code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Normes</title>
<style type="text/css">
<!--
.style13 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
.style16 {
font-size: 14px;
font-weight: bold;
font-style: italic;
}
.style25 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
-->
</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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Bienvenue sur ecosystems.fr</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
.style7 {
color: #FFFFFF;
font-size: 14px;
}
.style22 {font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; }
.style23 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
}
.style24 {color: #0000FF}
.style26 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.style27 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body bgcolor="#999999" onload="MM_preloadImages('images/2bis.jpg')">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#4C4C4C">
<td width="389" colspan="3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/2bis.jpg',1)"><img src="images/1.jpg" alt="chargement...." name="Image6" width="382" height="127" border="0" id="Image6" /></a></td>
<td width="389" height="127" colspan="3" align="center" valign="center" nowrap="nowrap" bgcolor="#4C4C4C" ><div align="right"><img src="images/normes.jpg" alt="qualite" width="389" height="127" /></div></td>
<td width="100%"><div align="right"><img src="images/1bis.jpg" width="200" height="127" /></div></td>
</tr>


<tr bgcolor="#CCFF99">
<td height="25" colspan="7" bgcolor="#CEEA84" id="dateformat"><table width="681" border="0">
<tr>
<th width="37" scope="col"> </th>
<th width="62" scope="col"><div align="center"><span class="style23">Normes</span></div></th>
<th width="45" scope="col">  </th>
<th width="465" scope="col"> </th>
<th width="38" scope="col"> </th>
</tr>
</table>
</tr>

<tr>
<td width="389" valign="top" bgcolor="#CEEA84">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165">  <br /></td>
</tr>
<tr>
<td width="165"><a href="index.html" class="navText">Accueil</a></td>
</tr>
<tr>
<td width="165"><a href="societe.html" class="navText">La Société</a></td>
</tr>
<tr>
<td width="165"><a href="produits.html" class="navText">Produits</a></td>
</tr>
<tr>

<td width="165"><a href="normes.html" class="navText">Normes</a></td>
</tr>
<tr>
<td width="165"><a href="qualite.html" class="navText">Qualité</a></td>
</tr>
<tr>
<td width="165"><a href="contact.html" class="navText">Contact</a></td>
</tr>
</table>
<div align="center"><br />
 <br />
 <br />
</div></td>
<td colspan="6" bgcolor="#FFFFFF"><p>

<table width="100%" height="120" border="0">
<tr>
<th width="13%" scope="col"> </th>
<th width="74%" bgcolor="#FFFFFF" scope="col"><p class="style24 style25">Iam </p>
<p align="justify" class="style27"><span class="style26">summus Pater architectus Deus hanc quam videmus mundanam domum, divinitatis templum augustissimum, archanae legibus sapientiae fabrefecerat. Supercaelestem regionem mentibus decorarat; aethereos globos aeternis animis vegetarat; </span></p>
<p align="justify" class="style26">excrementarias ac feculentas inferioris mundi partes omnigena animalium turba complerat. Sed, opere consummato, desiderabat artifex esse aliquem qui tanti operis rationem perpenderet, pulchritudinem amaret, magnitudinem admiraretur. Idcirco iam rebus omnibus (ut Moses5 Timaeusque6 testantur) absolutis, de producendo homine postremo cogitavit. </p>
<p align="justify" class="style26">Verum nec erat in archetypis unde novam sobolem effingeret, nec in thesauris quod novo filio hereditarium largiretur, nec in subselliis totius orbis, ubi universi contemplator iste sederet. Iam plena omnia</p></th>
<th width="13%" scope="col"> </th>
</tr>
</table>
</td>
</tr>
<tr>
<td width="389" bgcolor="#4C4C4C"> </td>
<td width="389" bgcolor="#4C4C4C"> </td>
<td width="389" bgcolor="#4C4C4C"><center class="style7">
<div align="right"><span class="style22">Copyright © 2008 -</span><strong><br />
</strong></div>
</center></td>
<td width="389" bgcolor="#4C4C4C"><div align="center" class="style22">Tous droits réservés - </div></td>
<td width="389" bgcolor="#4C4C4C" class="style22"> Design by Ecosystems</td>

<td width="389" bgcolor="#4C4C4C"> </td>
<td width="100%" bgcolor="#4C4C4C"> </td>
</tr>
</table>
</body>

</html>


Merci d avance pour votre aide, tout conseil est le bienvenu
A voir également:

1 réponse

puxor Messages postés 318 Date d'inscription   Statut Membre Dernière intervention   89
 
Bonsoir,

Effectivement, ça sent le DW... Ton code est trèèèèèès brouillon et toute ton interface est mise en forme à l'aide de tableaux....

Ces différences entre IE et Firefox sont due au non respect des normes W3C de ces navigateurs.
En gros, ils intérpretent chacun le code comme ils veulent...

Si quelqu'un a envie de se plonger dans ce code, libre à lui.
Pour ma part, je te conseillerais d'aller sur le site du zero pour apprendre le XHtml comme il faut...
1