Bonsoir à tous,
 
J'ai une div de 200px de large (sans padding, margin ou border) dans laquelle se trouve un input type search de 180px (sans rien non plus) et un button type submit de 20px. Impeccable sur ie, chrome, safari et firefox, le bouton est à droite du champ.
 
Si je mets un padding-left de 5px au search, je dois réduire sa largeur de 5 = 195px. Toujours impeccable sur ie et firefox, mais sur chrome et safari, le champs est réduit de 5px...
 
Une idée de ce que je pourrais faire ???
 

Tu ne mets pas de padding mais un border-left de 5px, tu réduis la largeur de ton input de 5px, tu mets ton border de la même couleur que celui du fond de ton imput. Je pense que ça devrait fonctionner sur tous les navigateurs.

Bonne idée... mais ça marche pas...
 
Peut-être est-ce une propriété par défaut des navigateurs qu'il faudrait annuler mais je ne vois pas laquelle...

En mettant le padding-left sur le search, tu veux que le premier caractère saisi dans le input type search soit à 5px du bord du input, c'est bien ça ?  
 
Sinon, ça pourra peut-être t'aider :
http://css.mammouthland.net/proble [...] adding.php

C'est bien ça...

C'est bien ça ... ?
Est-ce que rufo a bien décrit le problème à résoudre, et/ou est-ce que la solution est bien celle donnée par le lien ?
 
Si c'est résolu, ce serait sympa de dire comment (en mettant margin:0; au début, en mettant un bon doctype, ou en faisant autre chose ?).
 
Si c'est résolu, ce serait sympa de l'indiquer dans le titre du sujet.

C'est bien ça que je veux faire mais le lien ne m'aide en rien
 
pas résolu donc