Discussion :

[bébé]

Bonjour,

J'ai le probleme suivant avec les CSS. J'ai mis des bordures à certains endroits et IE me fait un positionnement correct mais FF décale légerement de la taille de la bordure. Avez vous une astuce ?

Merci,

bb,


pour exemple :

Code :

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

1
2
3
4
5
6
7
.miniL2  {
width: 100;
height: 100;
border: 1px solid #FFFFFF;
margin-left: 15px;
text-align: center;
}

[bébé]

bon j'ai trouvé une astuce battarde en surfant sur google pour chercher un hack pour résoudre mon problème.

voici le résultat :

Code :

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

1
2
margin-top: -102px;
*margin-top: -100px; /*cette regle est ignoré par FF*/

[francis m]

et pour info :
- FF et autres mettent les bordures autour de ton bloc (si largeur = 100 et épaisseur bordure = 2, largeur avec bordure = 104
- IE inclut les bordures dans le bloc (si largeur = 100 et bordure = 2, largeur disponible pour texte ou image = 96)

[bébé]

c'est exacte francis et il n'y a aucune solution qui soit valide w3c...

[francis m]

bon non
faut vivre avec
il y a aussi cette possibilité de contourner

Code :

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

1
2
3
4
<!--[if IE]> 
<style type="text/css"> 
.miniL2 { width:104px; }
<![endif]-->

c'est ce que je fais : j'appelle un fichier css spécifique IE et je l'appelle dans chaque page (en php, mais n'importe)