铬 - 输入对齐在div（在FF＆IE上工作）

在my website的主页上，我有一个关于位于页面右上角的两个输入（“Rechercher”文本字段和“确定”按钮）。
事实上，我的CSS在FF & IE上工作，但不在Chrome上。
为了使它更通用，它只是div中的两个输入。
你能帮我改正Chrome上的这种不当行为吗？铬 - 输入对齐在div（在FF＆IE上工作）

非常感谢你们！

CSS的 “Rechercher” 文本字段：

#habillage_bouton_texte_recherche_style { 
background-color:#8C8C8C; 
color:#FFFFFF; 
display:inline; 
font-family:Verdana; 
font-size:11px; 
font-weight:bold; 
margin:15px 1px 0 10px; 
padding:0 3px; 
text-decoration:none; 
vertical-align:top; 
}

的div CSS：

#encart_recherche_style { 
padding-left:746px; 
text-align:center; 
width:210px; 
}

#champ_recherche_style { 
height:14px; 
margin-bottom:15px; 
margin-top:15px; 
width:150px; 
}

“确定” 按钮的CSS

来源

2011-03-23 Thorkas

我不能使它的工作..事实是，模板是非常糟糕的，但我只是有可能修改CSS。没有人可以找到为什么按钮“确定”不在同一行？ “（非常感谢你！：D – 2011-03-24 21:34:18

一般来说，表格布局非常糟糕，但是如果您必须使用它们，只需在输入TD之后将您的按钮放在TD中，而不是将输入字段放入表格中并试图强制表格以内联方式显示。

我强烈建议学习如何在未来使用CSS布局。

同样，我不推荐使用表格排版，但是......

相反的：

<table> 
    <tr> 
     <td> INPUT IS HERE </td> 
    </tr> 
</table> 
BUTTON IS HERE

试试这个：

<table> 
    <tr> 
     <td> INPUT GOES HERE </td> 
     <td> BUTTON GOES HERE </td> 
    </tr> 
</table>

来源

2011-03-23 22:06:49 Dave

我很乐意改变html代码，我同意你的观点，这很可怕。不幸的是，我们使用专有的CMS和我们只能访问CSS ..而不是htlm :( – Thorkas 2011-03-23 22:12:13

使用inline-而不是内联在你的桌子上会让你更接近你想要的行为。

来源

2011-03-24 14:27:43 smorgan

铬 - 输入对齐在div（在FF＆IE上工作）

回答

相关问题