[Résolu] Bordures exterieures/interieures entre IE et Firefox

Bonjour,
j'ai un petit souci de bordures entre IE et Firefox... Mon rendu IE est le bon... Seulement Firefox me crée des bordures externes contrairement à IE...
Très gênant quand ceci doit entrer dans une taille précise !

h5 {
width:300px;
height:26px;
text-align:center;
font:bold 14px/15px arial;
color:white;
background-color:#FB780F;
border:3px solid #FCAD5F;
vertical-align:middle;
margin:0;
padding:0; }

Sous IE:


Sous FF:


Je n'ai pas trouvé de post à ce propos, j'ai trouvé ça plutot étonnant, car ce problème de bordures m'est souvent récurent... En général je fini par utiliser un tableau. :|
Modifié par Nigel (20 Feb 2006 - 10:03)

ça serait pas le vertical-align ?
Modifié par octopussy (17 Feb 2006 - 17:16)

Nope, ça change rien, je l'ai mis histoire de, mais on peut l'enlever...

ouais, élimine comme ça, petit à petit, tu finiras bien par trouver ce qui cloche... mais ton interlignage de 15px doit y être pour quelque chose.
Modifié par octopussy (17 Feb 2006 - 17:35)

les bordures, externes, c'est normal, c'est défini comme ca par le w3c
Seul IE les fait internes. Il faut utiliser un hack :

h5 {

width:300px;

height:26px;

text-align:center;

font:bold 14px/15px arial;

color:white;

background-color:#FB780F;

border:3px solid #FCAD5F;

vertical-align:middle;

margin:0;

padding:0; 

}html>body h5{ /*seuls les navigateurs modernes reconnaissent <, seuls eux ecraseront les valeurs precedentes */
width:294px;
height:0px;}

Modifié par mail1789 (18 Feb 2006 - 09:15)

Yes ! Ca roule, merci beaucoup !
C'est peut-être une chose à ajouter dans la FAQ ça, non ?