2010-04-22 20 views
3

我遇到了一個FF3.5.9(可能更低)的真正奇怪的錯誤,它將輸入:文本移動到input:submit下面。最奇怪的是它在IE6/7/8,Chrome,Safari和Firefox 3.6上工作。這是一個測試頁面,所以你可以看到它是如何標記的:http://paste-it.net/public/s6479e6/Firefox 3.5.9將所有其他瀏覽器渲染出的文本壓入輸入:文本

Firefox 3.5.9 input:text issue http://i44.tinypic.com/2ms3szk.png

我可以通過添加填充底(15像素)解決該問題的FF3.5.9但這然後把其他瀏覽器了的行動。

有沒有其他人有類似的問題,並找到了解決辦法?看起來像這樣一個小問題,但我無法找到一個解決辦法,我並不真的需要絕對定位投入,因爲這似乎太hacky!

感謝您的時間,

廣告

+0

它可能是'.signup input#email'的'line-height'聲明。嘗試刪除它。我刪除它,仍然在FF 3.6.3中運行良好,我目前無法在較低版本的FF中測試。 – 2010-04-22 10:21:52

+0

不幸的是,它不,但謝謝你的想法! – 2010-04-22 10:28:20

回答

2

FF 3.5.9在它有一些奇怪的錯誤。特別是一個引發合法聲音錯誤的JavaScript錯誤,而FF是我的主要Javascript調試器,我花了2個小時的時間完成了糟糕的時間。

深入檢查文檔我發現FF符合一些其他人沒有的規範。現在FF的一致性並不是很好,所以你可能不得不相信FF總是正確的,而其他瀏覽器是錯誤的。您可能想要在Mozilla博客上留言,看看他們在說些什麼,這樣您的驚喜就會減少。

所以基本上Alex說的是什麼,但是對FF有一段時間要更加警惕。

2

所以它看起來像沒有一個乾淨的選擇......如果任何人結束了這個選項,我最終只是浮動輸入:提交。不好,但它的作品。

謝謝大家的幫助!

編輯:vertical-align:middle做的工作!

0

行高與輸入高度相同嗎?如果不是,請嘗試並設置它。

例如:

input[type="text"] { 
    height: 50px; 
    line-height: 50px; 
} 
1

看來,Firefox 3.5中已經定義了瀏覽器「的line-height:正常重要」,使得它不可能爲你通過設置高度/線路高度居中文本一樣。

相關問題