Gestion de border dans les navigateur ?
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:
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é ! :roll:
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
