Bonjour,
je travaille actuellement sur dreamweaver
et lorsque je vérifie ce que le site donne j'ai un affichage diffèrent sur chrome (nikel) et sur internet explorer 6 ( contour bleu, positionnement approximatif)
je n'ai pas d'exemple
donc j'aimerais savoir si il faut codé différemment pour IE ? mais dans ce cas l'affichage sur chrome sera alors aussi diffèrent ?
quelqu'un pourrait-il m'aider avec un tuto qui explique cela ?
merci d'avance

C'est normal. La compatibilité entre les navigateurs c'est 30 voire 50% du taf d'intégration, surtout quand on doit supporter IE6.

La solution c'est de bien coder à la base, de bien connaitre le CSS et de résoudre les problèmes de compatibilité un par un.

gros travail alors ^^
quand tu dis résoudre je vois pas à quoi tu penses
"bien coder" exemple ?

Je pense à rien, tu n'as soulevé aucun problème particulier.
 
Bien coder : c'est large, je peux pas te donner d'exemple.

genre
 
<div id="..."> </div>
 
il y aurait-il une autre façon de l'écrire pour internet explorer ?

Là ça n'est pas vraiment spécifique à IE, ça dépend du contenu. Si le 1er enfant est un élément de type block, le div est de trop (syndrome de la divitite, maladie répandue chez les webdevs).

ça m'a l'air bien compliquer lol
pas de tutoriel sur ce sujet ?

Tu fais exprès de l'embrouiller ?
 

Non.

Non    
Mais j'aurais dû préciser que c'était dans le cas où le dit enfant était le parent du contenu  

lol

le pb vient pas du HTML sauf si celui-ci est dégueulasse
mais surtout des CSS, faudrait voir le code.

Voici le code
 
 <div id="entête">
    <div id="drapeau">
    <img src="images/drapeau anglais.png" alt="" width="46" height="90" usemap="#Map2" />
      <map name="Map2" id="Map2">
        <area shape="circle" coords="18,18,17" href="#" alt="" />
      </map>
    </div>
    <img src="images/entete.png" alt="entete" width="1000" height="150" usemap="#Map" longdesc="images/entete.png" />
  <map name="Map" id="Map">
    <area shape="poly" coords="25,125" href="#" alt="" />
    <area shape="poly" coords="25,126,446,126,442,22,89,20,76,20,75,78,24,77,23,124,25,128" href="a propos.html" alt="" />
    <area shape="poly" coords="713,37,743,20,764,18,788,20,801,26,810,34,817,41,820,52,827,56,840,58,867,61,906,67,922,73,924,85,920,93,909,98,883,101,855,102,842,103,837,110,834,119,832,129,819,135,805,137,794,136,783,127,774,122,756,122,739,124,724,120,717,104,713,82" href="index.html" alt="" />
  </map>
  </div>
 
et chaque div est entouré par un cadre bleu

en faite c'est lorsque je fais une zone réactive à une image que ce cadre apparaît s'agirait-il d'une bordure ?
comment l'enlever ?
merci

Enlever une bordure est simple tu ajoutes border: none; à ton CSS mais le problème ne vient pas de là.
 
J'ai le même souci donc si vous avez des solutions je suis preneur .