網站布局可完美地在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}