Неправильный CSS после отправки с ошибкой IE8

0

Когда я пытаюсь отправить логин с неправильными учетными данными, загрузка страницы с неправильными стилями CSS. Я проверяю index.php, если у пользователя активная учетная запись, а когда нет, я включаю страницу login.php. Когда я удаляю php вверху, у меня нет ошибки, и страница находится в правильном css. Таким образом, всегда, когда есть ошибка, страница выглядит совершенно другой, как она была разработана. Может быть, браузер не загружает css? или полный css?

<?php
  // show negative messages
  if ($account->errors) {
      foreach ($account->errors as $error) {
          echo $error;
      }
  }

?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- INITIALISE -->
    <meta charset="utf-8">
    <title>Sign in</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- STYLESHEETS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" >

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->

  </head>
  <body>
    <div class="form-wrapper text-center">
      <hr>
      <form class="form-signin" role="form" action="index.php" name="loginform" method="post">
        <h2 class="form-signin-heading">log in.</h2>
        <input type="text" class="input-block-level" name="posted_username" placeholder="User">
        <input type="password" class="input-block-level" name="posted_password" placeholder="Pass">
        <button class="btn btn-small btn-danger" type="submit" name="login">Log in</button>
      </form>
    </div> <!-- /form-wrapper -->

    <!-- BOOTSTRAP -->
      <script src="js/jquery.js"></script>
      <script src="js/bootstrap.js"></script>
  </body>
</html>
Теги:
submit
internet-explorer-8

2 ответа

1
Лучший ответ

Вы отправляете сообщения об ошибках на страницу ПЕРЕД открытыми тегами <!DOCTYPE>/<html>, которые НЕ допускаются. Вероятно, это вызывает IE для отображения страницы в режиме Quirks, что в основном изменяет всю систему рендеринга CSS на мусор в стиле oldschool IE6.

Переместите сообщения об ошибках в более подходящее место в области <body> и вы, вероятно, найдете, что css волшебным образом начинает работать лучше.

  • 0
    это оно. Спасибо!
1

Это было сказано в комментарии, но я второй раз высказываю мнение. Вы не выставляете действительный html с кодом, который вы отправили.

Переместите код внутри тега тела, возможно, внутри вашего основного тега div.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню