CSS在Chrome和Firefox中有所不同

Question

我的css布局有问题。当我使用Firefox时，布局是可以的。就像我想要的那样。但在Chrome中存在很大差异。我已经使用了css reset但它只是搞砸了我的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。