Databases
StackOverflow2013
Postsdbo
POWrong css after submit with error result IE8
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWrong css after submit with error result IE8
    text
    copied!<p>When I try to submit a login with the wrong credentials, the page loading with wrong css styles. I check in a index.php if the user has an active account, when not, I include the login.php page. When I delete the php at the top, I got no error and the page is in the correct css. So, always when there is a error, the page looks complete different as designed. Maybe the browser dont load the css? or the complete css? </p> <pre><code>&lt;?php // show negative messages if ($account-&gt;errors) { foreach ($account-&gt;errors as $error) { echo $error; } } ?&gt; &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;!-- INITIALISE --&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;Sign in&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta name="description" content=""&gt; &lt;meta name="author" content=""&gt; &lt;!-- STYLESHEETS --&gt; &lt;link href="css/bootstrap.css" rel="stylesheet"&gt; &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt; &lt;link href="css/main.css" rel="stylesheet" &gt; &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt; &lt;!--[if lt IE 9]&gt; &lt;script src="js/html5shiv.js"&gt;&lt;/script&gt; &lt;script src="js/respond.min.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="form-wrapper text-center"&gt; &lt;hr&gt; &lt;form class="form-signin" role="form" action="index.php" name="loginform" method="post"&gt; &lt;h2 class="form-signin-heading"&gt;log in.&lt;/h2&gt; &lt;input type="text" class="input-block-level" name="posted_username" placeholder="User"&gt; &lt;input type="password" class="input-block-level" name="posted_password" placeholder="Pass"&gt; &lt;button class="btn btn-small btn-danger" type="submit" name="login"&gt;Log in&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;!-- /form-wrapper --&gt; &lt;!-- BOOTSTRAP --&gt; &lt;script src="js/jquery.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload