登録フォームでステップ ダウンの問題が発生しています。Google で見つけられるすべてのことを試しましたが、何も機能しません。
私の DOB セクションは 3 つの異なる入力ボックスに分割されています。右側の列を左側の列に並べようとしていますが、スタイルを設定するとすぐに年セクションが下がります。
私は非常に多くの異なるバリエーションを試しました。フロート、ディスプレイ、何も機能しません。また、ボックスを追加しましたが、常に最初の 2 つのボックスの後にステップ ダウンが発生します。
スタイルを設定しようとすると、年が下がっていることに注意してください。
順序に関係なく、常に 2 の後にステップ ダウンします。
HTML コード:
<div id="regforms">
<form method="post" action="register.php" name="registerform" id="registerform">
<fieldset2>
<div id="regforms1">
<label for="username"></label><input type="text" name="username" id="username" placeholder="Username"/><br />
<label for="password"></label><input type="password" name="password" id="password" placeholder="Password"/><br />
<label for="email"></label><input type="text" name="email" id="email" placeholder="Email"/><br />
<input type="submit" name="register" id="login" value="Register" />
</div>
<div id="regforms2">
<label for="name"></label><input type="text" name="name" id="name" placeholder="Name"/><br />
<div id="dob">
<label for="dobm"><input type="text" name="month" id="month" placeholder="MM"/><br />
<label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
<label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
<label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
<label for="doby"><input type="text" name="year" id="year" placeholder="YYYY"/><br />
</div>
</div>
</fieldset3>
</form>
</div>
CSS:
#regforms {
margin-top:200px;
border: 0;
display:block;
width:600px;
}
#regforms1 {
padding-right:25px;
width:275px;
float:left;
}
#regforms2 {
width:275px;
float:right;
}
#dob {
}
#month{
width:5%;
margin-right:5px;
}
#day{
width:10%;
margin-right:5px;
}
#year{
width:10%;
margin-right:5px;
}