网站布局在Chrome / Safari中完美运行，但不适用于Firefox

Question

所以我在这个网站上努力工作并达到了实际完成的程度，但是它在Firefox上运行不正常，然后在Chrome / safari等上运行。在联系页面上，文本字段与右列重叠。 主页并没有足够的延伸到铬和野生动物园。

我该怎么做才能解决这个问题

网站：http://www.growinhealth.org.uk/contact.php

我还在学习HTML / CSS，所以请放心。

谢谢

Answer 1

不同的浏览器以不同的方式处理输入字段的宽度，因此我要在输入标记和textarea标记中添加一个类，以便像这样修复宽度：

    <input class='yourClass'></input>
    <textarea class='yourClass'></textarea>

然后修复CSS中的宽度

    .yourClass{width:300px}

至于你的主页，似乎在Firefox中你称之为“content1”的div太短了，所以我会放入CSS

    #content1{height:1400px}