Décalage input IE / FF

Version imprimable

voilà mon pb :

Code:

1
2
3
4
5
6
<html>
 <body style="margin:0;padding:0"
  ><form method="post" action="page.php" style="background-color:red;margin:0;padding:0;font-size:1px;border:0;"
   ><input type="text" style="margin:0;padding:0;border:0;" name="champ1"
   ></form 
 ></body></html>

Sous FF impec, par contre sous IE j'ai une marge en haut et en bas de 1px... Savez-vous pourquoi ?

22/01/2007, 11h46
Bisûnûrs
Parce que le input type text prend 1px qu'on ne peut pas affranchir sur le dessus sur IE.

Et c'est encore pire avec les checkboxes et les boutons radio.

Pour s'en rendre compte :
Code:

1 2 3 4 5 <body style="margin:0;padding:0"> <form method="post" action="" style="margin:0;padding:0"> <input type="checkbox" style="margin:0;padding:0;border:0;" /> </form> </body>
Une fois que tu as ça, sur Firefox il met bien la checkbox collée au bord et pas sur IE. Maintenant, sur IE sélectionne cette checkbox et tu verras ce qu'elle prend en place sans pouvoir lui en enlever.
22/01/2007, 12h26
bigsister

salut,

hum... effectivement avec les checkbox il n'y a plus 1 mais 4px de décalage !
Donc pas de solution ?? Pour un formulaire classique dans une page c'est pas trop génant mais comme je veux intégrer ce formulaire dans ma bannière... ça casse le design...
22/01/2007, 13h14
bigsister
J'ai trouvé une solution : les !important :
Code:

1 2 3 4 5 margin-top:0px !important; margin-bottom:0px !important; margin-top:-1px; margin-bottom:-1px;
Comme ça IE lit -1px et FF 0px. Donc mes champs son calés de la même façon quelque soit le navigateur...

Vive la bidouille :) Si quelqu'un à une solution plus propre... je laisse ce post ouvert :)
22/01/2007, 15h01
Orgied

a priori, ca passe le validateur css donc c bon ;)