html - フォームボックスは、クロームとサファリで大きく異なります。そして、画像を配置するのが難しい

Question

ユーザー名とパスワードのフォームボックスを並べて表示するには、ある程度の操作が必要でした。クロームで見栄えがしますが、サファリとファイアフォックスに行ったとき、箱の高さは大きく異なりました。

サイトはwww.EpicSwap.comです。コードを正しくフォーマットできないようです。ご協力いただきありがとうございます。

Answer 1

フォームを少し広くして、 要素を減らしpadding-rightて (完全に削除しました)、float も左にします。不要だったので、フォームにもメモを取りました。formleftformrightfloat:left

このような：

form {
padding-top:6em;
width:450px;
}

#formleft {
float:left;
}

#formright {
float:left;
}

Answer 2

フロートを取り外して、ここに示すように配置することをお勧めします

#formright 
{
//float: right;
position: relative;
left: 250px;
top: -58px;
}