Discussion :

[zoidberg]

Bonjour,

j'ai quelques souci avec mes border de DIV. Je les ai défini dans mon css comme ce qu'il y a plus bas mais j'obtiens des resultats différents entre IE et Firefox : sous IE le bord est à l'intérieur (ce que je souhaite) alors que sous Firefox, il est en dehors du DIV...

Sauriez vous comment régler le problème afin que le site soit uniforme?

Code :

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

1
2
3
4
5
6
7
.mon-div {
  color: #24217D;
  text-align: left;
  width: 75px;
  height: 70px;
  border: 4px solid #5050FF;
}

[12monkeys]

Bonsoir

Qu'entends tu par "est à l'intérieur" / "est en dehors" ?

Tu veux dire que si tu as par exemple une largeur de 75 px, la création d'une bordure ne se fait pas à l'extérieur de ces 75px avec IE (donc ne donne pas une largeur supérieure...)

75 px de large avec IE

83 px pour firefox = 75 + (4 * 2)(border) ??

[Erwan31]

Bonsoir,
ça veut très certainement dire que tu en en mode quirks et que par conséquent, IE utilise son propre modèle de boîte qui fonctionne différemment de ce qu'explqiue 12monkeys.
Tu dois déclarer un doctype complet (voir la FAQ) tout en haut de ton document et sans déclaration XML ou caractère avant.

[zoidberg]

Bonsoir

Qu'entends tu par "est à l'intérieur" / "est en dehors" ?

Tu veux dire que si tu as par exemple une largeur de 75 px, la création d'une bordure ne se fait pas à l'extérieur de ces 75px avec IE (donc ne donne pas une largeur supérieure...)

75 px de large avec IE

83 px pour firefox = 75 + (4 * 2)(border) ??

Oui exactement...

Bonsoir,
ça veut très certainement dire que tu en en mode quirks et que par conséquent, IE utilise son propre modèle de boîte qui fonctionne différemment de ce qu'explqiue 12monkeys.
Tu dois déclarer un doctype complet (voir la FAQ) tout en haut de ton document et sans déclaration XML ou caractère avant.

Je vais regarder ça, merci...