Décalage input IE / FF

**bigsister** · 22/01/2007, 11h29

voilà mon pb :

Code :

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

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 ?

**Bisûnûrs** · 22/01/2007, 11h46

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 HTML :

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

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.

**bigsister** · 22/01/2007, 12h26

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...

**bigsister** · 22/01/2007, 13h14

J'ai trouvé une solution : les !important :

Code :

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

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

**Orgied** · 22/01/2007, 15h01

a priori, ca passe le validateur css donc c bon

Décalage input IE / FF

CSS

Vue hybride

Discussions similaires

Partager

Partager