Discussion :

[nebil]

Salut a tous ,
voila le probleme que je rencontre j'ai une ligné vertical de checkbox
l'espace entre celle-ci est different sur IE et Firefox ,
meme si je joue sur leurs la largeurs et hauteurs elles restent différente sur les deux navigateurs .

Quelqu'un a t-il une solution pour avoir le meme espacement sur les deux navigateurs ?
ou quel attribut d'espacement css il faut utilise qui peut affecter qu'un seul navigateur ?

IE et FIREFOX

A+

[blueice]

Il faut peut être initialiser les "margin" et "padding", voir le "line-height"...

[nebil]

svp comment ? avec quoi ?

[blueice]

Commence par donner ton code ou un lien que l'on puisse tester.

[Kerod]

dans la définition de ton input tu rajoutes style avec margin:valeur px à l'interieur

[nebil]

j'ai pas compris Kerod

voila sur IE les check sont bien en face de mon texte et sur firefox j'ai l'impression que c"est les check qui sont pas assez espacé ,
sinon j'ai bien la meme valeur de liner-H sur les deux div de texte

[Kerod]

Exact pour FF...Mais tu utilises des div aussi pour faire ta mise en page...

Je sais pas si ca peux aider mais utilises les balises label pour voir ce que ca donne sinon pourquoi ne pas utiliser un tableau pour y stocker tes données formulaires ?

[fallais]

L'espace ne doit pas etre enorme .. non ? Si il est minime c'ets normal car FF et IE attribuent peut etre pas la meme taille aux checkbox ...

[masu]

D'apres cet autre topic, il y aurai une marge qu'on ne pru enlever sous IE. Donc pour avoir le meme espacement, on peut faire quelque chose dans ce genre

Code :

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

1
2
3
input[type=checkbox] {
	margin: 4px 3px 3px 4px;
}

[nebil]

Ok merci a tous , la seul solution pour l'instant c'est celle de masu on regle
la taille des checkbox

Code :

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

1
2
3
4
 
input[type=checkbox] {
	margin: 4px 3px 3px 4px;
}

[Candygirl]

Code :

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

1
2
3
input[type=checkbox] {
	margin: 4px 3px 3px 4px;
}

Bien vu, je n'avais pas pensé à utiliser ce sélecteur incompris d'IE