0

私が取り組んでいる小さな Web サイトのオプション ページの構築に取り組んでいますが、興味深いエラーが発生しました。次の図に示すように、ブラウザの高さ 100% でフォームの下部が突然途切れるように見えます。

http://oi39.tinypic.com/fm8cia.jpg

ページを更新 (F5) するとすぐに、フォームが完了し、次の図に示すようにすべてが正常に機能します。

http://oi40.tinypic.com/9zqerc.jpg

しばらくいじった後、タグを削除すると問題が解決するため、問題はタグにあるように見えることに気付きました。

私のフォームタグのコードは次のとおりです。

    <form action="r_options.php" method="post">

<label id="edit_account_label"><b>OPT_MINADMIN</b> - Minimum level to view the control panel.</label>
<select name = "opt_minadmin" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINADMIN']; ?>"><?php echo $opt['OPT_MINADMIN']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>


<label id="edit_account_label"><b>OPT_MINEN</b> - Minimum level to edit the manager/homepage notes.</label>
<select name = "opt_minen" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINEN']; ?>"><?php echo $opt['OPT_MINEN']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINADD</b> - Minimum level to add users to the system.</label>
<select name = "opt_minadd" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINADD']; ?>"><?php echo $opt['OPT_MINADD']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINEDIT</b> - Minimum level to edit users in the system.</label>
<select name = "opt_minedit" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINEDIT']; ?>"><?php echo $opt['OPT_MINEDIT']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINDELETE</b> - Minimum level to delete users in the system.</label>
<select name = "opt_mindelete" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINDELETE']; ?>"><?php echo $opt['OPT_MINDELETE']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINPOINT</b> - Minimum level use the attendance system.</label>
<select name = "opt_minpoint" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINPOINT']; ?>"><?php echo $opt['OPT_MINPOINT']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINSG</b> - Minimum level to edit the sales goals.</label>
<select name = "opt_minsg" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINSG']; ?>"><?php echo $opt['OPT_MINSG']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>OPT_MINSCHED</b> - Minimum level to edit the schedule suite.</label>
<select name = "opt_minsched" style="float:right;">
    <option value = "<?php echo $opt['OPT_MINSCHED']; ?>"><?php echo $opt['OPT_MINSCHED']; ?></option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
</select>

    <br><br>

<label id="edit_account_label"><b>P_NOSHOW</b> - Points given per noshow.</label>
<input type="text" name="p_noshow" value="<?php echo $opt['P_NOSHOW']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>P_CALLED</b> - Points given for calling in sick.</label>
<input type= "text" name="p_called" value="<?php echo $opt['P_CALLED']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>P_LEAVE</b> - Points given for employees leaving early.</label>
<input type="text" name="p_leave" value="<?php echo $opt['P_LEAVE']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>P_LATE</b> - Points given for employees coming in late.</label>
<input type="text" name="p_late" value="<?php echo $opt['P_LATE']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>P_PUNCH</b> - Points given for employees missing a punch in/out.</label>
<input type="text" name="p_punch" value="<?php echo $opt['P_PUNCH']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>P_PERIOD</b> - How long the points period is. (in days)</label>
<input type="text" name="p_period" value="<?php echo $opt['P_PERIOD']; ?>" style="width:28px;float:right;" />

    <br><br>

<label id="edit_account_label"><b>SESSION_TIMEFUNC</b> - Use the timeout feature?</label>
<select name = "session_timefunc" style="float:right;">
    <option value = "<?php echo $opt['SESSION_TIMEFUNC']; ?>"><?php echo $opt['SESSION_TIMEFUNC']; ?></option>
    <option value = "true">true</option>
    <option value = "false">false</option>
</select>

    <br><br>

<label id="edit_account_label"><b>REG_NAME</b> - Who is this software registered to?</label>
<input type="text" name="reg_name" value="<?php echo $opt['REG_NAME']; ?>" style="float:right;" />

    <br><br>

<input type="submit" name="submit" value="Update Options" style="margin:auto;" onclick="return confirm('Update Options?')" />

</form>

ID edit_account_label の CSS は次のとおりです。

#edit_account_label {
padding-bottom: 10px;
float: left;

}

この問題は Google Chrome (バージョン 26.0.1410.64 m) でのみ発生し、コードは Internet Explorer 9 で問題なく正常に動作します。

ずさんなコードで申し訳ありません。私は専門家ではありません。

4

0 に答える 0