Décalage input sous firefox

Version imprimable

Bonjour, voila le code:

Code:

1
2
3
4
5
6
7
8
9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
</head> 
<body> 
<input type="text" style="height:28px;border:1px solid #000;" value="" /><input type="submit" style="height:32px;border:1px solid #000;" value="Valider" />
</body> 
</html>

Le boutton valider par au dessus de l'input text sous firefox et pas sur les autres navigateur. Merci de m'aider à corrigé ça.

05/01/2011, 20h55
e-fitz
Bonsoir, si tu parles du fait que le bouton soit au dessus du input text cela est "courant" (d'ailleur cela est présent sous ff et ie chez moi).

Une solution simple est de rajouter un vertical-align dans le style d'un des éléments :
Code:

1 2 <input type="text" style="height:28px;border:1px solid #000;vertical-align:top" value="" />
C'est pas très joli mais normalement ca fonctionne bien et c'est simple.

Bonne soirée
05/01/2011, 21h23
alpha_one_x86

Merci c'été ça qu'il me falais.
Grand merci.