PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 31-10-2011 18:30:30

dobi19
Membre
Inscription : 23-07-2009
Messages : 35

Probléme CSS bouton submit entre IE et FF

Bonsoir,

J'ai voulu créer un champ de recherche personnalisé en CSS.

Mais j'ai un petit problème d'affichage entre Internet Explorer et FireFox,
j'ai toujours un soucis d'affichage du bouton "submit" il ne tombe pas pil poil
sur la hauteur du "input texte" le bouton est toujours plus haut sur l'un des navigateur.

La sur le CSS que j'ai posté ici, j'ai rajouté des valeurs de largeurs et hauteurs
et sur IE ça tombe impeccable mais pas sur FF

Si je ne met pas de valeurs de tailles, ça tombe très bien sur FF et pas du tout
sur IE le bouton est trop haut.

Si quelqu'un pourrait m'expliquer et m'aider à savoir pourquoi et comment faire
pour qu'il soit identique sur IE et FF ce serait très sympas.

Merci d'avance et bonne soirée.

Le CSS:

#colomn_right{
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  width:340px;
  float:left;
  margin-top: 27px;  
  }
 
#colomn_right input{
  width:175px;
  height:16px;
  border: 1px solid #b0b0b0;
  background: url(images/icon_textbox_search.gif);
  background-repeat:no-repeat;
  background-position:1% 49%;
  text-indent: 0px;
  padding-left: 20px;
  }
 
#colomn_right input.button2 {
  width: 84px;
  height:20px;
  color: #000;
  background: url(images/bg_button.gif);
  margin-left: 5px;
  text-indent: 0px;
  padding-left: 5px;
  }

#colomn_right input.button2:hover{
 border-color: #3DB2F5;
 }

La un champ texte simple + mon bouton de recherche:

    <form action="" id="" target="_blank">

         Recherche <br />

         <input type="hidden" name="" value="" />

         <input type="hidden" name="" value="" />

         <input type="text" name="" size="31" />

         <input class="button2" type="submit" name="" value="Rechercher" />

    </form>

Hors ligne

Pied de page des forums