鉻 - 輸入對齊在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上工作）

回答

相關問題