2

私の問題はこれです: 私はフォームを持ってい<input>ます。しかし、すべての入力において、Chrome と Firefox の間の互換性に少し問題があります。Chrome は Firefox に比べて上に 2px 増えていると思います。コードを渡します。私は何をすべきか？Webkit と moz の CSS で異なる値を使用していますか? ここに私のHTMLがあります:

<div id='FirstName_container'>
   <input type='text' name='FirstName' id='FirstName' value='' size='20' class='name1' placeholder="First name"/>
</div>

CSSは次のとおりです。

#contact_form1 #FirstName_container {
    position:absolute;
    left:152px;
    top:12px;
    z-index:5;
}

私は何ができますか？よろしくお願いします！

4

4 に答える 4

3

これを CSS の先頭に配置します。

*
{
    margin:0;
    padding:0;
}

これにより、すべてのマージンとパディングがデフォルトでゼロになります。これをすべてのプロジェクトの最初に追加し、必要に応じて個々のマージンまたはパディングを変更します。

于 2013-03-12T14:05:44.900 に答える
0

絶対位置で div の代わりに span を使用するときに発生する最も一般的なエラー。div 要素を使用すると、通常、私の経験から、すべてのブラウザーとの互換性が向上します。

于 2014-04-04T07:42:34.140 に答える
0

以下を使用すると、 #FirstName_container に絶対位置が与えられます。

#contact_form1 #FirstName_container {
    position:absolute;
    left:152px;
    top:12px;
    z-index:5;
}

#FirstName_container の親に相対的な位置と左と上の値を与える必要があります。それはこれを修正するのに役立つはずです。

#contact_form1{position:relative;top:XXpx; left:XXpx;}
于 2013-03-12T14:38:10.343 に答える
-3

なんとか問題を解決できました！margin: 0;すべての要素に追加されました。助けてくれたみんなに感謝します。

于 2013-03-12T15:58:52.147 に答える