Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2331 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  width + padding = Bug dans Chrome et Safari?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

width + padding = Bug dans Chrome et Safari?

n°2232564
zezette
"Allez hop, au revoir"
Posté le 03-07-2014 à 14:04:28  profilanswer
 

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


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
mood
Publicité
Posté le 03-07-2014 à 14:04:28  profilanswer
 

n°2232582
MaybeEijOr​Not
but someone at least
Posté le 03-07-2014 à 16:31:53  profilanswer
 

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.

n°2232648
zezette
"Allez hop, au revoir"
Posté le 04-07-2014 à 09:27:55  profilanswer
 

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


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°2232651
rufo
Pas me confondre avec Lycos!
Posté le 04-07-2014 à 09:47:12  profilanswer
 

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


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2232652
zezette
"Allez hop, au revoir"
Posté le 04-07-2014 à 09:47:57  profilanswer
 

C'est bien ça...


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
n°2232703
billgatesa​nonym
Posté le 04-07-2014 à 14:36:26  profilanswer
 

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.

n°2232704
zezette
"Allez hop, au revoir"
Posté le 04-07-2014 à 14:38:09  profilanswer
 

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


---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  width + padding = Bug dans Chrome et Safari?

 

Sujets relatifs
Animation CSS3 qui passe sous chrome mais pas sur androidBug avec boost::spirit::qi et flag -O2
Ajax "async: false" et bug sur Chrome / SafariOuvrir un lien réseau "file://" sous google chrome
problème Javascript sous safariFaire repeter une action Google Chrome et Bloc Note
Bug programme asm 8086Bug module paybox
Programme répertoire téléphonique (BUG) HELP PLEASE !!! 
Plus de sujets relatifs à : width + padding = Bug dans Chrome et Safari?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR