Discussion :

[clavier12AZQSWX]

bonjour,

je pensais que le em était une unité cross-broswer et je me rende compte que nom.
Firefox ne respecte pas le même positionnement que Ie pour mon champs :

Code :

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

<div class="bouton_postuler" id="BOUTON_ENVOYER"><input name="test" type="submit" id="BOUTON_POSTULER2" value="mon bouton" /></div>

et voiçi la classe :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#BOUTON_POSTULER2{
	border:0;
	background:#CC0000;
	width:70px;
	height:12px;
	cursor:pointer;
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-size:9px;	
	line-height:0em;
	}

une idée du problème ? est-ce que firefox adapte son positionnement/taille de texte en fonction d'autre chose ?

[thelvin]

je pensais que le em était une unité cross-broswer et je me rende compte que non.

C'est censé être le cas presque toujours, en tout cas. Après, personne n'est à l'abri de bugs.

une idée du problème ?

Bah... 0em, en même temps, c'est la même chose que 0px, 0cm, 0ex et 0. C'est une longueur de zéro.

Il faudrait que je vérifie les specs CSS, mais a priori, un line-height de zéro, ça n'a pas beaucoup de sens, et les navigateurs doivent s'adapter comme ils peuvent. Sans doute à partir des line-height ou des marges de ce qui entoure l'élément, je suppose.

est-ce que firfox adapte son positionnement/taille de texte en fonction d'autre chose ?

Ben oui, c'est ce que veux dire em : 1em est la hauteur d'une ligne texte dans le contexte actuel.

[Erwan31]

Bonjour,
d'une part une valeur inférieure à 1em n'a aucun sens dans un composition typographique classique puisque celle propriété gère l'interlignage et d'autre part l'effet de cette propriété sur les élément input n'étant pas normalisés, les navigateurs graphiques la gèreront comme ils veulent.

Sur Firefox et de manière un peu exceptionnelle (et non conforme aux règle de priorités) tu ne peux pas surclasser le line-height des input puisque cette propriété est marquée !important dans la feuille de style par défaut du navigateur, je crois qu'Opera se comporte de la même manière à ce niveau là.

Pour info height joue le même rôle que line-height sur les input.