Chrome和Firefox中的CSS不同

Question

我的CSS佈局有問題。當我使用Firefox時，佈局是可以的。就像我想要的一樣。但在Chrome中有很大的不同。我已經使用CSS重置，但它只是搞亂了我的CSS。我不知道該怎麼做，每個提示都會有所幫助。

http：//83.212.122.240/

我的網站是希臘語。

導航按鈕和兩個瀏覽器之間的登錄表單存在差異。

這裏是我的代碼： https://www.dropbox.com/s/u68pv6t91p3lk24/index.html

而且我的CSS： https://www.dropbox.com/s/fa7alsvsfhw62qy/templatemo_style.css

Answer 1

我檢查僅文本框瀏覽器行爲。您必須修復所有文本框的高度和行高，如下所示：

.text-box { 
    height : 18px; 
    line-height : 18px; 
    padding : 2px; 
    } 

行高將處理填充文本框中的文本。

所有瀏覽器對CSS都非常敏感。所以你必須在CSS中定義所有的規則，以便它在所有的瀏覽器中都是相同的。

所以你必須照顧每個DIV的CSS。