html - 网站布局在 Chrome/Safari 中完美运行，但在 Firefox 中无法正常运行

Question

所以我在这个网站上努力工作并达到了实际完成的程度，但是它在 Firefox 上不能正常工作，然后在 Chrome/safari 等上工作。在联系页面上，文本字段与右栏重叠。主页在 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}