Discussion :

[diaboloche]

Bonjour,

J'ai ceci dans mon CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
a.box {
    Text-Transform: Uppercase;
    Text-Align: Center;
	width: 110px;  
    font-size: 12px;
	padding: 0x;
	margin: 0px;
	background-color: WHITE;
	text-decoration: none;
	color: #969696;
	font-family: Arial, Helvetica, sans-serif;
}
 
a.box:hover {
    color: WHITE;
	background-color: ORANGE;	
}

A l'affichage sous IE j'ai ceci (résultat voulu) :


FF:


Quelqu'un peut m'indiquer comment résoudre cela ?

Merci et bonne journée.

[Bisûnûrs]

Tu n'es pas censé pouvoir donner une taille à un élément inline.

Si tu renseignes un DOCTYPE valide et complet, IE en mode standard et non en mode quirks interprêtera de la même manière que Firefox.

Tu peux passer ton élément inline en block :

Code :

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

display:block;

[new-dmx]

C'est a dire??? (j'ai les memes problemes)

[Bisûnûrs]

C'est a dire???

Qu'est-ce que tu ne comprends pas ?

[new-dmx]

Tu n'es pas censé pouvoir donner une taille à un élément inline.

Qu'est ce que tu entend par element inline?
En faite j'ai definit une zone avec des balises div, je lui ai donner une taille.
Sous ff la zone apparait a une certaine taille, sur ie la zone apparait avec une autre taille....
merci

[Bisûnûrs]

Les éléments de type inline sont par exemple les balises a, span, img,.. toutes celles qui n'imposent pas un retour à la ligne quand on les utilise sans style particulier.

En ce qui concerne ton div qui est un élément de type block, si en lui précisant la taille tu n'arrives pas au même résultat sur IE et sur Firefox, tu n'as sans doute pas mis un DOCTYPE valide et complet et tu as un padding dans ce div.
En effet, en mode quirks, Firefox additionne ce padding à la taille donnée du div alors que IE non.

Exemple : Tu as un div de 100px de large et un padding de 5px de chaque côté, IE6 en mode quirks t'affichera 100px alors que Firefox t'affichera 110px.