bonjour,
j'ai fait une page avec des divs et une bordure :
http://duarte.design.free.fr/test/
Sur FIREFOX : tout est OK
Sur INTERNET EXPLORER : le bloc jaune déborde de 10px
 
Si je change la taille de mes divs : c'est bon pour IE, mais ce ne l'est plus pour FIREFOX !!!! Galere....
 
J'ai essayé de chercher sur le net et je suis tombé sur un article d'un site génial : openweb.eu.org... J'ai suivi leur conseils mais rien n'y fait :
 
div#entete {
 color: olive;
 font-family: arial;
 font-size: 2em;
 font-weight: normal;
 border: 10px solid black;
 border-bottom: none;
 background-color: #ffff00;
 height: 100px;
 margin: 25px 0 0 0;
 padding: 0;
 
width: 510px;  
 voice-family:":\"}\"";
 voice-family:inherit:
 width: 500px;
}
html>body.entete{
 width :500px;
}

 
Help, il doit bien exister une solution nan ? ET pLEASE, ne me répondez pas de faire des images...lol...
j'ai hate de résoudre ce probleme....
 
Merci d'avance

http://www.tantek.com/CSS/Examples/boxmodelhack.html

Il y a une erreur : il faut compter 2 fois la bordure de 10px (vu qu'elle est à gauche ET à droite) Il faut donc au moins 20px de différence entre la largeur pour IE et la largeur pour Moz.
 
Cela dit tu peux virer le prologue XML qui dispensera de ce hack pour IE 6 (mais pas pour IE 5)

OK MERCI,  
j'arrive à obtenir enfin le meme resultat sur IE6 et Firefox... :
 j'ai supprimer la premiere ligne de mon code : le prologue XML : jamais je n'aurai pensé que cela puisse jouer des mauvais tours...