HTMLヘッダーとすべての前に、ページの上部にあるフォームを処理しています:
if ($_POST['submit']) {--the code--}
ユーザーが間違ったコードを入力すると、次の php が実行されます。
echo "<div class=\"container alert-message warning\"><strong>Oops!</strong> The code you entered is incorrect.</div>";
これは機能し、上記の div はページの上部 (body タグの上部) に表示されます。ただし、フォーム フィールドの高さが元の高さの約半分に縮小されます。
body タグの上部に警告メッセージが表示されると、ヘッダーのすべてのコードが本文のすぐ下にも表示されることに気付きました (メタ、タイトル、スクリプト、スタイルシート)。このヘッダー情報のエコーがおそらくフォームをいじっていると思います。
ヘッダー情報がエコーされる理由、フォーム フィールドの高さが変化する理由、および/またはいずれかを修正する方法について何か考えはありますか?