Impossible d'obtenir <button> être à droite de la zone de texte

-2

J'essaie d'avoir le bouton pour afficher à la droite de la zone de texte, mais il affiche au fond dans IE7.Impossible d'obtenir <button> être à droite de la zone de texte

<div style="margin-top: 12px; border: 1px red solid" > 
      <asp:TextBox ID="txtSearh" name="txtSearch" runat="server" ></asp:TextBox>&nbsp; 
      <button id="Search" accesskey="s" type="submit" runat="server" onserverclick="Search_Click" style="display: inline;float: left"> 
      <span><u>S</u>earch</span></button> 
     </div>

Source

2009-09-03 Tony_Henrich

Où est le code? C'est loin d'être suffisant pour continuer. –

Vous avez la zone de texte, le bouton et un wrapper div. De quel code avez-vous besoin? –

cochez cette [réponse] (http://stackoverflow.com/a/29341443/2218697), l'espoir aide quelqu'un – stom

Supprimer cet attribut de style de votre <button>:

style="display: inline;float: left"

A <button> est un élément en ligne par défaut de sorte que vous n'avez pas besoin display:inline et float:left est ce qui rend l'enveloppe de bouton à l'autre ligne.

Source

2009-09-03 19:07:36

Et si cela continue, cela signifie qu'il n'y a pas assez de largeur de conteneur disponible pour afficher le bouton à côté de la zone de texte. Rendez-le plus large ou réduisez la zone de texte et/ou le bouton. –

J'ai ajouté le flotteur à la dernière minute et comme je n'ai pas vu de changement, je l'ai laissé. Le coupable était un fichier css qui modifiait le comportement de l'élément button plus un fichier css manquant pour réparer IE. Le html fonctionnait bien dans FF. Je pensais que c'était un problème IE .problem. –

Impossible d'obtenir <button> être à droite de la zone de texte

Répondre

Questions connexes