Note that there are some explanatory texts on larger screens.

plurals
  1. PODifference render html between IE and Chrome
    primarykey
    data
    text
    <p>i have a problem with difference in render html between IE9 and Chrome. I reviewed all urls of .js and .css and are fine. All files were downloaded from the official website.</p> <p>This pic is from IE9 <img src="https://i.stack.imgur.com/a3lCb.jpg" alt="IE9"></p> <p>This pic is from Chrome <img src="https://i.stack.imgur.com/areOv.jpg" alt="This pic is from Chrome"></p> <p>This is my code</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&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;link rel="shortcut icon" href="public/assets/ico/favicon.png" /&gt; &lt;title&gt;SMG&lt;/title&gt; &lt;!-- Bootstrap core CSS --&gt; &lt;link href="public/dist/css/bootstrap.css" media="all" rel="stylesheet" type="text/css" /&gt; &lt;link href="public/dist/css/bootstrap-select.min.css" rel="stylesheet" /&gt; &lt;!-- Custom styles for this template --&gt; &lt;link href="navbar.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="public/assets/js/html5shiv.js"&gt;&lt;/script&gt; &lt;script src="public/assets/js/respond.min.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;a class="navbar-brand " href="#"&gt;SMG&lt;/a&gt; &lt;/div&gt; &lt;div class="navbar-collapse collapse"&gt; &lt;ul class="nav navbar-nav"&gt; &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;form class="navbar-form navbar-right"&gt; &lt;div class="form-group"&gt; &lt;input type="text" id="dni" data-container=".form-group" data-toggle="popover" data-content="" data-placement="bottom" placeholder="Numero" class="form-control"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;input type="password" id="password" data-container=".form-group" data-toggle="popover" data-placement="bottom" data-content="Ingrese su Contraseña" placeholder="Password" class="form-control"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;select class="selectpicker" data-width="200px" title="Tipo de Documentacion" data-style="btn-inverse"&gt; &lt;option data-hidden="true"&gt;&lt;/option&gt; &lt;option value="DU"&gt;DNI&lt;/option&gt; &lt;option value="LC"&gt;LC&lt;/option&gt; &lt;option value="LE"&gt;LE&lt;/option&gt; &lt;option value="PA"&gt;PA&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;button type="submit" id="signIn" onsubmit="return false;" class="btn btn-success btn-xs"&gt;Ingresar&lt;/button&gt; &lt;button type="submit" id="signIn" onsubmit="return false;" class="btn btn-danger btn-xs"&gt;Registrarse&lt;/button&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt;&lt;!--/.navbar-collapse --&gt; &lt;/div&gt; &lt;/div&gt; &lt;br/&gt; &lt;div class="alert alert-block alert-danger " style="display: none"&gt; &lt;button type="button" class="close" aria-hidden="true"&gt;×&lt;/button&gt; &lt;h4&gt;&lt;/h4&gt; &lt;/div&gt; &lt;div class="jumbotron"&gt; &lt;div class="container"&gt; &lt;h1&gt;Hello, world!&lt;/h1&gt; &lt;p&gt;This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.&lt;/p&gt; &lt;p&gt;&lt;a class="btn btn-primary btn-lg"&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- /container --&gt; &lt;script src="public/js/jquery.js"&gt;&lt;/script&gt; &lt;script src="public/dist/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;script src="public/js/bootstrap-select.min.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>dont know why. Can anyone lend me a hand? Thank you!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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