Discussion :

[tintin72]

Bonjour,

J'ai un pb de bordures selon qu'elles sont affichées
par IE ou par Firefox (je n'ai pas essayé avec d'autres
browsers).
J'ai besoin d'un cadre simple avec une bordure
noire de 1 pixel. Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
.myFrame
{
  background-color: #FFE4B5;
  border: 1px solid black;
  width: 600px;
  height: 80px;
}
 
<DIV class="myFrame">
...
</DIV>

Le pb c'est que IE et Firefox ne gère pas les bordure de la même façon.
Le contraire m'aurait étonné !
IE place la bordure à l'intérieur du cadre, donc sa taille
ne change pas. Par contre Firefox place la bordure à l'extérieur du cadre
et sa taille augmente donc de 1 pixel en largeur et en hauteur.

border aurait-il un attribut explicite genre "extern" ou "intern" ?
Sinon y a t-il une astuce pour contourner ce pb ?

Merci

[Candygirl]

Hello,

Si tu constates cette différence c'est que tu n'as pas placé de doctype complet tout en haut de tes pages. IE applique alors le modèle de boîte microsoft qui inclu le padding et le border dans le width contrairement aux recommandations du w3c, appliquées par firefox dans ton cas.

Depuis IE6, internet explorer passe en mode presque standard avec un docytpe correctement renseigné. Cela signifie donc qu'il applique le modèle de boîte w3c au lieu du microsoft. Ajouter / corriger ton doctype devrait résoudre ton problème.

[tintin72]

En effet mon doctype était un peu inadapté.
Avec un doctype XHTML 1.0 Strict ça va beaucoup mieux.

Merci.

[Candygirl]

un html 4.01 transitionnel renseigné correctement a le même effet